fix: fix app.tsx

resources/js/app.tsx

@@ -1,33 +1,31 @@
-import '../css/app.css';
-import './bootstrap';
+import '../css/app.css'
+import './bootstrap'
 
-import { Ziggy } from '@/ziggy';
-import { createInertiaApp } from '@inertiajs/react';
-import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
-import { createRoot, hydrateRoot } from 'react-dom/client';
-import { useRoute } from 'ziggy-js';
-import { Providers } from './providers';
+import { Ziggy } from '@/ziggy'
+import { createInertiaApp } from '@inertiajs/react'
+import { Providers } from './providers'
+import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers'
+import { createRoot, hydrateRoot } from 'react-dom/client'
+import { useRoute } from 'ziggy-js'
 
-const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
+const appName = import.meta.env.VITE_APP_NAME || 'Irsyad'
 
 createInertiaApp({
     title: (title) => (title ? `${title} / ${appName}` : appName),
     resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),
     setup({ el, App, props }) {
-        window.route = useRoute(Ziggy as any);
+        window.route = useRoute(Ziggy as any)
         const appElement = (
             <Providers>
                 <App {...props} />
             </Providers>
-        );
-        if (import.meta.env.DEV) {
-            createRoot(el).render(appElement);
-            return;
+        )
+        if (import.meta.env.SSR) {
+            hydrateRoot(el, appElement)
+            return
         }
 
-        hydrateRoot(el, appElement);
+        createRoot(el).render(appElement)
     },
-    progress: {
-        color: '#4B5563'
-    }
-});
+    progress: false
+})