From 98f57a6c7b7ae353ea8da25c37fe7adfbb70d9b7 Mon Sep 17 00:00:00 2001
From: kjjd84 <kjjd84@icloud.com>
Date: Tue, 22 Apr 2025 05:16:28 -0400
Subject: [PATCH 1/2] add fallback for when ssr server is not running

this is handy in dev when we dont need to have the ssr server running
---
 resources/js/app.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/resources/js/app.tsx b/resources/js/app.tsx
index b8d0c91a..4ecf6ab8 100644
--- a/resources/js/app.tsx
+++ b/resources/js/app.tsx
@@ -11,9 +11,13 @@ createInertiaApp({
     title: (title) => `${title} - ${appName}`,
     resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),
     setup({ el, App, props }) {
-        const root = createRoot(el);
+        const shouldHydrate = el.hasChildNodes();
 
-        root.render(<App {...props} />);
+        if (shouldHydrate) {
+            hydrateRoot(el, <App {...props} />);
+        } else {
+            createRoot(el).render(<App {...props} />);
+        }
     },
     progress: {
         color: '#4B5563',

From fc9eab5c094277a73db83c658688ad415db22558 Mon Sep 17 00:00:00 2001
From: kjjd84 <kjjd84@icloud.com>
Date: Tue, 22 Apr 2025 05:18:45 -0400
Subject: [PATCH 2/2] Update app.tsx

---
 resources/js/app.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/resources/js/app.tsx b/resources/js/app.tsx
index 4ecf6ab8..ac67bac3 100644
--- a/resources/js/app.tsx
+++ b/resources/js/app.tsx
@@ -11,9 +11,7 @@ createInertiaApp({
     title: (title) => `${title} - ${appName}`,
     resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),
     setup({ el, App, props }) {
-        const shouldHydrate = el.hasChildNodes();
-
-        if (shouldHydrate) {
+        if (el.hasChildNodes()) {
             hydrateRoot(el, <App {...props} />);
         } else {
             createRoot(el).render(<App {...props} />);