fix: routing and types

Author: Pettor

apps/web/src/core/auth/UseAuth.ts

@@ -4,6 +4,8 @@ import { usePostLoginMutate, usePostLogoutMutate } from "@package/api";
 import { AuthContext } from "./AuthContext";
 import type { AuthStatus } from "./AuthReducer";
 
+export type { AuthStatus };
+
 export function useAuth(): {
   status: AuthStatus;
   login(data: LoginData): Promise<void>;

apps/web/src/core/routes/AppRoutes.tsx

@@ -1,18 +1,25 @@
 import type { ReactElement } from "react";
+import type { QueryClient } from "@tanstack/react-query";
 import { useQueryClient } from "@tanstack/react-query";
 import { RouterProvider, createHashHistory, createRouter } from "@tanstack/react-router";
-import { useAuth } from "../auth/UseAuth";
 import { routeTree } from "../../routeTree.gen";
+import { useAuth } from "../auth/UseAuth";
+import type { AuthStatus } from "../auth/UseAuth";
 
 const hashHistory = createHashHistory();
 
+export interface RouterContext {
+  queryClient: QueryClient;
+  authStatus: AuthStatus;
+}
+
 const router = createRouter({
   routeTree,
   history: hashHistory,
   context: {
     queryClient: undefined!,
     authStatus: undefined!,
-  },
+  } as RouterContext,
   defaultPreload: "intent",
   defaultPreloadStaleTime: 0,
 });

apps/web/src/core/routes/PrivateRoutes.tsx

@@ -1,7 +1,7 @@
 import { addToast } from "@heroui/react";
 import { usePostForgotPasswordMutate } from "@package/api";
-import { useIntl } from "react-intl";
 import { useNavigate } from "@tanstack/react-router";
+import { useIntl } from "react-intl";
 import type { FormForgotPassword } from "~/components/forms/forgot-password/ForgotPasswordForm";
 import type { ForgotPasswordViewProps } from "~/components/views/forgot-password/ForgotPasswordView";
 import { useAppInfo } from "~/core/config/UseAppInfo";