@tanstack/react-router-ssr-query cannot work together with convex.

export function createRouter() {
  const convex = new ConvexReactClient(import.meta.env.VITE_CONVEX_URL, {
    unsavedChangesWarning: false,
  })

  const convexQueryClient = new ConvexQueryClient(convex)

  const queryClient = new QueryClient({
    defaultOptions: {
      queries: {
        queryKeyHashFn: convexQueryClient.hashFn(),
        queryFn: convexQueryClient.queryFn(),
      },
    },
  })

  convexQueryClient.connect(queryClient)

  const router = createTanStackRouter({
    routeTree,
    context: { queryClient, convexClient: convex, convexQueryClient },
    ...
    Wrap: ({ children }) => (
      <ConvexProvider client={convexQueryClient.convexClient}>
        {children}
      </ConvexProvider>
    ),
  })

  // TODO: convex integration is not working with ssr query integration
  // setupRouterSsrQueryIntegration({
  //   router,
  //   queryClient,
  // })

  return routerWithQueryClient(router, queryClient)
}

export function createRouter() {
  const convex = new ConvexReactClient(import.meta.env.VITE_CONVEX_URL, {
    unsavedChangesWarning: false,
  })

  const convexQueryClient = new ConvexQueryClient(convex)

  const queryClient = new QueryClient({
    defaultOptions: {
      queries: {
        queryKeyHashFn: convexQueryClient.hashFn(),
        queryFn: convexQueryClient.queryFn(),
      },
    },
  })

  convexQueryClient.connect(queryClient)

  const router = createTanStackRouter({
    routeTree,
    context: { queryClient, convexClient: convex, convexQueryClient },
    ...
    Wrap: ({ children }) => (
      <ConvexProvider client={convexQueryClient.convexClient}>
        {children}
      </ConvexProvider>
    ),
  })

  // TODO: convex integration is not working with ssr query integration
  // setupRouterSsrQueryIntegration({
  //   router,
  //   queryClient,
  // })

  return routerWithQueryClient(router, queryClient)
}