Fix loading client-side CSS during page transitions

Former-commit-id: f2b6acad6a2e77d3982dd684f88edca222edab06

1 files changed, 5 insertions, 0 deletions

diff --git a/demos/hello-next/bun-framework-next/client.development.tsx b/demos/hello-next/bun-framework-next/client.development.tsx
index 824171086..24c737b55 100644
--- a/demos/hello-next/bun-framework-next/client.development.tsx
+++ b/demos/hello-next/bun-framework-next/client.development.tsx
@@ -251,6 +251,8 @@ async function _boot(EntryPointNamespace) {
       );
 
       CachedApp = AppModule.default;
+    } else {
+      CachedApp = App;
     }
   }
 
@@ -281,6 +283,8 @@ async function _boot(EntryPointNamespace) {
     isPreview,
   });
 
+  globalThis.next.router = router;
+
   ReactDOM.hydrate(
     <TopLevelRender
       App={CachedApp}
@@ -300,6 +304,7 @@ function TopLevelRender({ App, Component, props, scroll }) {
 }
 
 export function render(props) {
+  
   ReactDOM.render(
     <TopLevelRender {...props} />,
     document.querySelector("#__next")