Merge pull request #111 from justdlabs/laravel-11.x

Laravel 11.x

CHANGELOG.md

@@ -1,5 +1,12 @@
 
 
+## [1.0.30](https://github.com/justdlabs/inertia.ts/compare/1.0.29...1.0.30) (2024-10-16)
+
+
+### Bug Fixes
+
+* fix app.tsx ([bacb103](https://github.com/justdlabs/inertia.ts/commit/bacb103bf0293d4ddaf68391a55b5337bdc59674))
+
 ## [1.0.29](https://github.com/justdlabs/inertia.ts/compare/1.0.28...1.0.29) (2024-10-16)
 
 

composer.json

@@ -1,6 +1,6 @@
 {
     "name": "justd/laravel",
-    "version": "1.0.29",
+    "version": "1.0.30",
     "type": "project",
     "description": "The skeleton application for the Laravel framework.",
     "keywords": [

package.json

@@ -80,5 +80,5 @@
             }
         }
     },
-    "version": "1.0.29"
+    "version": "1.0.30"
 }

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
+})