chore(rsc): remove loader from react-router example for react 19.2 (#910)

hi-ogawa · web-flow · commit 4cafd9a29234 · 2025-10-08T10:57:42.000+09:00
diff --git a/packages/plugin-rsc/e2e/react-router.test.ts b/packages/plugin-rsc/e2e/react-router.test.ts
@@ -39,11 +39,6 @@ test.describe('build-cloudflare', () => {
 })
 
 function defineTest(f: Fixture) {
-  test('loader', async ({ page }) => {
-    await page.goto(f.url())
-    await expect(page.getByText(`loaderData: {"name":"Unknown"}`)).toBeVisible()
-  })
-
   test('client', async ({ page }) => {
     await page.goto(f.url('./about'))
     await waitForHydration(page)
diff --git a/packages/plugin-rsc/examples/react-router/app/root.tsx b/packages/plugin-rsc/examples/react-router/app/root.tsx
@@ -4,7 +4,7 @@ import { TestClientState, TestHydrated } from './routes/client'
 import { DumpError, GlobalNavigationLoadingBar } from './routes/root.client'
 
 export function Layout({ children }: { children: React.ReactNode }) {
-  console.log('Layout')
+  console.log('[debug] root - Layout')
   return (
     <html lang="en">
       <head>
@@ -41,7 +41,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
 }
 
 export default function Component() {
-  console.log('Root')
+  console.log('[debug] root - Component')
   return (
     <>
       <Outlet />
diff --git a/packages/plugin-rsc/examples/react-router/app/routes/home.actions.ts b/packages/plugin-rsc/examples/react-router/app/routes/home.actions.ts
@@ -3,5 +3,5 @@
 export async function sayHello(defaultName: string, formData: FormData) {
   await new Promise((resolve) => setTimeout(resolve, 500))
   const name = formData.get('name') || defaultName
-  console.log(`Hello, ${name}`)
+  console.log(`[debug] sayHello - ${name}`)
 }
diff --git a/packages/plugin-rsc/examples/react-router/app/routes/home.tsx b/packages/plugin-rsc/examples/react-router/app/routes/home.tsx
@@ -1,33 +1,19 @@
-namespace Route {
-  export type LoaderArgs = any
-  export type ComponentProps = any
-}
-
 import { sayHello } from './home.actions.ts'
 import { PendingButton } from './home.client.tsx'
 import './home.css'
 import { TestActionStateServer } from './test-action-state/server.tsx'
 
-export function loader({ request }: Route.LoaderArgs) {
-  const url = new URL(request.url)
-  const name = url.searchParams.get('name')
-  return { name: name || 'Unknown' }
-}
-
-const Component = ({ loaderData }: Route.ComponentProps) => {
+const Component = () => {
   return (
     <main className="container my-8 px-8 mx-auto">
       <article className="paper prose max-w-none">
         <h1>Home</h1>
         <p>This is the home page.</p>
         <span className="test-style-home">[test-style-home]</span>
-        <pre>
-          <code>loaderData: {JSON.stringify(loaderData)}</code>
-        </pre>
         <h2>Server Action</h2>
         <form
           className="no-prose grid gap-6"
-          action={sayHello.bind(null, loaderData.name)}
+          action={sayHello.bind(null, 'Demo')}
         >
           <div className="grid gap-1">
             <label className="label" htmlFor="name">
@@ -38,7 +24,7 @@ const Component = ({ loaderData }: Route.ComponentProps) => {
               id="name"
               type="text"
               name="name"
-              placeholder={loaderData.name}
+              placeholder={'Demo'}
             />
           </div>
           <div>

Original file line number	Diff line number	Diff line change
`@@ -3,5 +3,5 @@`
`3`	`3`	`export async function sayHello(defaultName: string, formData: FormData) {`
`4`	`4`	`await new Promise((resolve) => setTimeout(resolve, 500))`
`5`	`5`	`const name = formData.get('name') \|\| defaultName`
`6`		- console.log(`Hello, ${name}`)
	`6`	+ console.log(`[debug] sayHello - ${name}`)
`7`	`7`	`}`