diff --git a/packages/plugin-rsc/e2e/react-router.test.ts b/packages/plugin-rsc/e2e/react-router.test.ts index e62352e84..0807e2aaf 100644 --- 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 index 399576b63..75b019e9f 100644 --- 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 ( @@ -41,7 +41,7 @@ export function Layout({ children }: { children: React.ReactNode }) { } export default function Component() { - console.log('Root') + console.log('[debug] root - Component') return ( <> 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 index 94e686299..715166e52 100644 --- 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 index d632fe29a..fdaf9db31 100644 --- 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 (

Home

This is the home page.

[test-style-home] - 
-          loaderData: {JSON.stringify(loaderData)}
-

Server Action