Preventing a specific query from triggering `onError`

export const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      retry: 2,
      staleTime: Infinity,
    },
  },
  queryCache: new QueryCache({
    onError: (error) => toast.error(error.message),
  }),
});

export const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      retry: 2,
      staleTime: Infinity,
    },
  },
  queryCache: new QueryCache({
    onError: (error) => toast.error(error.message),
  }),
});

export const Route = createRootRoute({
  pendingMs: 0,
  pendingMinMs: 1000,
  // wrapInSuspense: https://github.com/TanStack/router/pull/1611
  wrapInSuspense: true,
  beforeLoad: async () => {
    try {
      await queryClient.fetchQuery({
        retry: 1,
        queryFn: getCurrentUserQuery,
        queryKey: ['current_user'],
      });
    } catch {
      redirect({ to: '/sign_in' });
    }
  },
  pendingComponent: () => <h1>Loading...</h1>,
  component: () => (
    <>
      <Navigator />
      <Outlet />
      <TanStackRouterDevtools />
    </>
  ),
});

export const Route = createRootRoute({
  pendingMs: 0,
  pendingMinMs: 1000,
  // wrapInSuspense: https://github.com/TanStack/router/pull/1611
  wrapInSuspense: true,
  beforeLoad: async () => {
    try {
      await queryClient.fetchQuery({
        retry: 1,
        queryFn: getCurrentUserQuery,
        queryKey: ['current_user'],
      });
    } catch {
      redirect({ to: '/sign_in' });
    }
  },
  pendingComponent: () => <h1>Loading...</h1>,
  component: () => (
    <>
      <Navigator />
      <Outlet />
      <TanStackRouterDevtools />
    </>
  ),
});