Minimal router tests type error

export interface RouterContext {
    queryClient: QueryClient;
    userContext: UserContext;
}
const router = createRouter({
    context: {
        queryClient,
        userContext: undefined!, 
    },
    defaultPreload: 'intent',
    defaultPreloadStaleTime: 0,
    routeTree,
});

// Register the router instance for type safety
declare module '@tanstack/react-router' {
    interface Register {
        router: typeof router;
    }
}

import { RouterProvider, createRootRoute, createRoute, createRouter } from '@tanstack/react-router';

const renderRoute = () => {
    const rootRoute = createRootRoute();
    const indexRoute = createRoute({
        component: () => {
            return (
                <React.Fragment>
                    <h1>Dashboard</h1>
                    <Backlink to="/avtaler" text="Gå tilbake til avtaler" />
                </React.Fragment>
            );
        },
        getParentRoute: () => {
            return rootRoute;
        },
        path: '/',
    });

    const router = createRouter({
        routeTree: rootRoute.addChildren([indexRoute]),
    });

  // This is giving me an error, does not match router type declared above
  // '__store.state' are incompatible between these types
    render(<RouterProvider router={router} />);
};