Function RouterContainer

packages/react-router/tests/link.test.tsx:94–117

({ children }: { children: React.ReactNode })

      return <h1 data-testid="testId">{children}</h1>
    }
    const RouterContainer = ({ children }: { children: React.ReactNode }) => {
      const childrenRef = React.useRef(children)
      const memoedRouteTree = React.useMemo(() => {
        const rootRoute = createRootRoute()
        const indexRoute = createRoute({
          getParentRoute: () => rootRoute,
          path: '/',
          component: () => (
            <IndexComponent>{childrenRef.current}</IndexComponent>
          ),
        })
        return rootRoute.addChildren([indexRoute])
      }, [])

      const memoedRouter = React.useMemo(() => {
        const router = createRouter({
          routeTree: memoedRouteTree,
          history,
        })

        return router
      }, [memoedRouteTree])
      return <RouterProvider router={memoedRouter} />
    }

    const { result, rerender } = renderHook(
      () => {