need access to response of endpoint before any route
The structure of my app is -
In my AuthContext, I need access to the response of my /sessions endpoint on the initial load. So, in my root , I have -
```
export const Route = createRootRouteWithContext<RouterContext>()({
component: RootComponent,
beforeLoad: async ({ context }) => {
try {
const queryClient = context.queryClient;
const data = await queryClient.ensureQueryData(["sessions"], getSessions);
if (!data) {
throw redirect({ to: "/login" });
}
} catch (error: any) {
console.log("error", error);
// if (error) {
// throw redirect({ to: "/login" });
// }
// if (error.response?.status !== 401) {
// throw error;
// } else {
// // throw redirect({ to: "/login" });
// }
}
console.log("afterLoad");
},
errorComponent: () => <div>Error in root.tsx</div>,
pendingComponent: () => (
<div className="flex justify-center items-center h-screen">
Loading sessions...
</div>
),
});
```
In my AuthContext, I need access to the response of my /sessions endpoint on the initial load. So, in my root , I have -
```
export const Route = createRootRouteWithContext<RouterContext>()({
component: RootComponent,
beforeLoad: async ({ context }) => {
try {
const queryClient = context.queryClient;
const data = await queryClient.ensureQueryData(["sessions"], getSessions);
if (!data) {
throw redirect({ to: "/login" });
}
} catch (error: any) {
console.log("error", error);
// if (error) {
// throw redirect({ to: "/login" });
// }
// if (error.response?.status !== 401) {
// throw error;
// } else {
// // throw redirect({ to: "/login" });
// }
}
console.log("afterLoad");
},
errorComponent: () => <div>Error in root.tsx</div>,
pendingComponent: () => (
<div className="flex justify-center items-center h-screen">
Loading sessions...
</div>
),
});
```
