chore(ssr): Move LocationProvider inside framework for SSR (#9383)

redwoodjs · Nov 9, 2023 · c4dedc6 · c4dedc6
1 parent 1e42b43
commit c4dedc6
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 14 deletions.
diff --git a/packages/cli/src/commands/experimental/templates/streamingSsr/entry.server.tsx.template b/packages/cli/src/commands/experimental/templates/streamingSsr/entry.server.tsx.template
@@ -1,20 +1,15 @@
-import { LocationProvider } from '@redwoodjs/router'
-
 import App from './App'
 import { Document } from './Document'
 
 interface Props {
-  url: string
   css: string[]
   meta?: any[]
 }
 
-export const ServerEntry: React.FC<Props> = ({ url, css, meta }) => {
+export const ServerEntry: React.FC<Props> = ({ css, meta }) => {
   return (
-    <LocationProvider location={{ pathname: url }}>
-      <Document css={css} meta={meta}>
-        <App />
-      </Document>
-    </LocationProvider>
+    <Document css={css} meta={meta}>
+      <App />
+    </Document>
   )
 }
diff --git a/packages/vite/src/streaming/streamHelpers.ts b/packages/vite/src/streaming/streamHelpers.ts
@@ -7,6 +7,7 @@ import type {
   ReactDOMServerReadableStream,
 } from 'react-dom/server'
 
+import { LocationProvider } from '@redwoodjs/router'
 import type { TagDescriptor } from '@redwoodjs/web'
 // @TODO (ESM), use exports field. Cannot import from web because of index exports
 import {
@@ -89,11 +90,19 @@ export async function reactRenderToStreamResponse(
       {
         value: injectToPage,
       },
-      ServerEntry({
-        url: path,
-        css: cssLinks,
-        meta: metaTags,
-      })
+      React.createElement(
+        LocationProvider,
+        {
+          location: {
+            pathname: path,
+          },
+        },
+        ServerEntry({
+          url: path,
+          css: cssLinks,
+          meta: metaTags,
+        })
+      )
     )
   }