refactor: refactor foundation

src/features/auth/model/auth.test.tsx

@@ -0,0 +1,37 @@
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { renderHook, waitFor } from "@testing-library/react";
+import { HttpResponse, http } from "msw";
+import type { ReactNode } from "react";
+import { describe, expect, it } from "vitest";
+import { apiClient } from "@/shared/api";
+import { server } from "@/test/server";
+import { AuthProvider, useAuth } from "./auth";
+
+describe("AuthProvider", () => {
+	it("authorizes requests after restoring the initial session", async () => {
+		let authorization: string | null = null;
+		server.use(
+			http.post("*/api/v1/auth/refresh", () =>
+				HttpResponse.json({
+					accessToken: "restored-token",
+					user: { id: "user-1", email: "user@example.com" },
+				}),
+			),
+			http.get("*/api/v1/brokerage-accounts", ({ request }) => {
+				authorization = request.headers.get("Authorization");
+				return HttpResponse.json([]);
+			}),
+		);
+		const wrapper = ({ children }: { children: ReactNode }) => (
+			<QueryClientProvider client={new QueryClient()}>
+				<AuthProvider>{children}</AuthProvider>
+			</QueryClientProvider>
+		);
+		const { result } = renderHook(() => useAuth(), { wrapper });
+
+		await waitFor(() => expect(result.current.ready).toBe(true));
+		await apiClient.GET("/api/v1/brokerage-accounts");
+
+		expect(authorization).toBe("Bearer restored-token");
+	});
+});

src/features/auth/model/auth.tsx

@@ -1,7 +1,7 @@
 import { useQueryClient } from "@tanstack/react-query";
 import { createContext, useContext, useEffect, useRef, useState } from "react";
-import { apiClient, configureAuthClient } from "../../../shared/api";
-import type { paths } from "../../../shared/api/generated/schema";
+import { apiClient, configureAuthClient } from "@/shared/api";
+import type { paths } from "@/shared/api/generated/schema";
 
 type User =
 	paths["/api/v1/auth/me"]["get"]["responses"][200]["content"]["application/json"];
@@ -71,6 +71,7 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
 				const authentication = data as Authentication;
 				setUser(authentication.user);
 				setAccessToken(authentication.accessToken);
+				accessTokenRef.current = authentication.accessToken;
 			})
 			.finally(() => setReady(true));
 	}, []);