Function createTestRouter

packages/react-router/tests/ClientOnly.test.tsx:19–53

(opts: { isServer: boolean })

})

function createTestRouter(opts: { isServer: boolean }) {
  const history = createMemoryHistory({ initialEntries: ['/'] })

  const rootRoute = createRootRoute({})

  const indexRoute = createRoute({
    getParentRoute: () => rootRoute,
    path: '/',
    component: () => (
      <div>
        <p>Index Route</p>
        <ClientOnly fallback={<div data-testid="loading">Loading...</div>}>
          <div data-testid="client-only-content">Client Only Content</div>
        </ClientOnly>
      </div>
    ),
  })
  const otherRoute = createRoute({
    getParentRoute: () => rootRoute,
    path: '/other',
    component: () => (
      <div>
        <p data-testid="other-route">Other Route</p>
      </div>
    ),
  })

  const routeTree = rootRoute.addChildren([indexRoute, otherRoute])
  const router = createRouter({ routeTree, history, ...opts })

  return {
    router,
    routes: { indexRoute },
  }
}

describe('ClientOnly', () => {
  it('should render fallback during SSR', async () => {