TanStackT
TanStack2y ago
5 replies
faint-white

Typescript issues with file based routing

import { createRouter, ErrorComponent } from '@tanstack/react-router';
import { routeTree } from './routeTree.gen';
import { queryClient } from '@/api-hooks/queryClient';
import { Spinner } from '@/components/common/Spinner';

const router = createRouter({
  routeTree,
  defaultPendingComponent: () => (
      <div className="p-2 text-2xl">
        <Spinner />
      </div>
  ),
  defaultErrorComponent: ({ error }) => <ErrorComponent error={error} />,
  context: {
    auth: undefined!,
    queryClient,
  },
  defaultPreload: 'intent',
  defaultPreloadStaleTime: 0,
});

declare module '@tanstack/react-router' {
  interface Register {
    router: typeof router
  }
}

export { router };


any idea why router: typeof router would throw
TS2717: Subsequent property declarations must have the same type. Property router must be of type
Router<Route<any, "/", "/", string, "__root__", RootSearchSchema, RootSearchSchema, RootSearchSchema, RootSearchSchema, ... 11 more ..., any>, Record<...>, Record<...>>
, but here has type
Router<Route<any, "/", "/", string, "__root__", RootSearchSchema, RootSearchSchema, RootSearchSchema, RootSearchSchema, ... 11 more ..., any>, Record<...>, Record<...>>
router.tsx(11, 5): router was also declared here.
Was this page helpful?