Changed for consistency

grahammendick · grahammendick · commit e5224092dc56 · 2025-07-18T20:10:51.000+01:00
Want all the app code to look as similar as possible across all navigation rsc examples
diff --git a/packages/plugin-rsc/examples/navigation/src/App.tsx b/packages/plugin-rsc/examples/navigation/src/App.tsx
@@ -4,7 +4,7 @@ import HmrProvider from './HmrProvider'
 import People from './People'
 import Person from './Person'
 
-export function App({ url }: any) {
+const App = async ({ url }: any) => {
   return (
     <html>
       <head>
@@ -25,3 +25,5 @@ export function App({ url }: any) {
     </html>
   )
 }
+
+export default App;
diff --git a/packages/plugin-rsc/examples/navigation/src/server.tsx b/packages/plugin-rsc/examples/navigation/src/server.tsx
@@ -18,7 +18,7 @@ export default async function handler(request: Request): Promise<Response> {
   } else {    
     let reqUrl = new URL(request.url);
     url = `${reqUrl.pathname}${reqUrl.search}`;
-    const { App } = await import('./App.tsx');
+    const App = (await import('./App.tsx')).default;
     view = <App url={url} />;
   }
   const { NavigationHandler } = await import('navigation-react');

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@ import HmrProvider from './HmrProvider'`
`4`	`4`	`import People from './People'`
`5`	`5`	`import Person from './Person'`
`6`	`6`
`7`		`-export function App({ url }: any) {`
	`7`	`+const App = async ({ url }: any) => {`
`8`	`8`	`return (`
`9`	`9`	`<html>`
`10`	`10`	`<head>`
`@@ -25,3 +25,5 @@ export function App({ url }: any) {`
`25`	`25`	`</html>`
`26`	`26`	`)`
`27`	`27`	`}`
	`28`	`+`
	`29`	`+export default App;`
Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ export default async function handler(request: Request): Promise<Response> {`
`18`	`18`	`} else {`
`19`	`19`	`let reqUrl = new URL(request.url);`
`20`	`20`	url = `${reqUrl.pathname}${reqUrl.search}`;
`21`		`- const { App } = await import('./App.tsx');`
	`21`	`+ const App = (await import('./App.tsx')).default;`
`22`	`22`	`view = <App url={url} />;`
`23`	`23`	`}`
`24`	`24`	`const { NavigationHandler } = await import('navigation-react');`