server-components

1// Current TanStack Start RSC pattern.2// Replace route paths and data sources with your own app code.3 4import { createFileRoute } from '@tanstack/react-router'5import { createServerFn } from '@tanstack/react-start'6import { renderServerComponent } from '@tanstack/react-start/rsc'7 8function Greeting() {9  return <h1>Hello from TanStack Start RSC</h1>10}11 12const getGreeting = createServerFn({ method: 'GET' }).handler(async () => {13  const Renderable = await renderServerComponent(<Greeting />)14  return { Renderable }15})16 17export const Route = createFileRoute('/hello')({18  loader: async () => {19    const { Renderable } = await getGreeting()20    return { Greeting: Renderable }21  },22  component: HelloPage,23})24 25function HelloPage() {26  const { Greeting } = Route.useLoaderData()27  return <>{Greeting}</>28}29