A personal media tracker built on the AT Protocol
opnshelf.xyz
refactor: remove unused unauthorized handling logic in RootComponent to streamline authentication flow
+1
-16
+1
-16
apps/web/src/routes/__root.tsx
+1
-16
apps/web/src/routes/__root.tsx
···
1
-
import { configureApiClient, setOnUnauthorized } from "@opnshelf/api";
1
+
import { configureApiClient } from "@opnshelf/api";
2
2
import { TanStackDevtools } from "@tanstack/react-devtools";
3
3
import { type QueryClient, QueryClientProvider } from "@tanstack/react-query";
4
4
import {
···
6
6
HeadContent,
7
7
Outlet,
8
8
Scripts,
9
-
useNavigate,
10
9
} from "@tanstack/react-router";
11
10
import { TanStackRouterDevtoolsPanel } from "@tanstack/react-router-devtools";
12
-
import { useEffect } from "react";
13
11
import { env } from "@/env";
14
12
import Header from "../components/Header";
15
13
import TanStackQueryDevtools from "../integrations/tanstack-query/devtools";
···
49
47
50
48
function RootComponent() {
51
49
const { queryClient } = Route.useRouteContext();
52
-
const navigate = useNavigate();
53
-
54
-
useEffect(() => {
55
-
setOnUnauthorized(() => {
56
-
queryClient.invalidateQueries({ queryKey: ["auth"] });
57
-
navigate({
58
-
to: "/login",
59
-
search: { reason: "session_expired" },
60
-
replace: true,
61
-
});
62
-
});
63
-
return () => setOnUnauthorized(null);
64
-
}, [queryClient, navigate]);
65
50
66
51
return (
67
52
<QueryClientProvider client={queryClient}>