fix: resolve type safety and initialization issues

app/src/api/axios.ts

@@ -103,6 +103,10 @@ export const createApiClient = async (): Promise<AxiosInstance> => {
           redirecting = true;
           clearSession();
           window.location.href = "/login";
+          // Reset flag after redirect attempt
+          setTimeout(() => {
+            redirecting = false;
+          }, 0);
         }
       }
 

app/src/api/queryClient.ts

@@ -2,7 +2,14 @@ import { useQuery, useMutation, useQueryClient, QueryKey } from "@tanstack/react
 import { createApiClient } from "./axios";
 // import { ApiResponse } from "@/types";
 
-const apiClient = await createApiClient();
+let apiClient: Awaited<ReturnType<typeof createApiClient>> | null = null;
+
+const getApiClient = async () => {
+  if (!apiClient) {
+    apiClient = await createApiClient();
+  }
+  return apiClient;
+};
 
 /* =========================
    GENERIC GET
@@ -20,7 +27,8 @@ export function useGet<T>(
   return useQuery<T>({
     queryKey,
     queryFn: async () => {
-      const res = await apiClient.get<T>(endpoint);
+      const client = await getApiClient();
+      const res = await client.get<T>(endpoint);
       return res.data; // 🔑 FIX: return data, not AxiosResponse
     },
     enabled: options?.enabled ?? true,
@@ -45,7 +53,8 @@ export function usePost<TData, TVariables = unknown>(
 
   return useMutation<TData, Error, TVariables>({
     mutationFn: async (variables) => {
-      const res = await apiClient.post<TData>(endpoint, variables);
+      const client = await getApiClient();
+      const res = await client.post<TData>(endpoint, variables);
       return res.data;
     },
     onSuccess: (data, variables) => {
@@ -77,7 +86,8 @@ export function usePut<TData, TVariables = unknown>(
 
   return useMutation<TData, Error, TVariables>({
     mutationFn: async (variables) => {
-      const res = await apiClient.put<TData>(endpoint, variables);
+      const client = await getApiClient();
+      const res = await client.put<TData>(endpoint, variables);
       return res.data;
     },
     onSuccess: (data) => {
@@ -109,7 +119,8 @@ export function usePatch<TData, TVariables = unknown>(
 
   return useMutation<TData, Error, TVariables>({
     mutationFn: async (variables) => {
-      const res = await apiClient.patch<TData>(endpoint, variables);
+      const client = await getApiClient();
+      const res = await client.patch<TData>(endpoint, variables);
       return res.data;
     },
     onSuccess: (data) => {
@@ -141,7 +152,8 @@ export function useDelete<TData = unknown>(
 
   return useMutation<TData, Error, void>({
     mutationFn: async () => {
-      const res = await apiClient.delete<TData>(endpoint);
+      const client = await getApiClient();
+      const res = await client.delete<TData>(endpoint);
       return res.data;
     },
     onSuccess: (data) => {

app/src/components/EarningsRoyalties.tsx

@@ -53,7 +53,17 @@ function createEarningsCsv(data: EarningsDataPoint[]): string {
   return [CSV_HEADERS.join(","), ...rows].join("\r\n");
 }
 
-const CustomTooltip = ({ active, payload, coordinate }: TooltipProps<number, string>) => {
+type CustomTooltipProps = TooltipProps<number, string> & {
+  active?: boolean;
+  payload?: Array<{ payload: EarningsDataPoint }>;
+  coordinate?: { x: number; y: number };
+};
+
+function highlightedMonth(payload: EarningsDataPoint): string {
+  return payload.month;
+}
+
+const CustomTooltip = ({ active, payload, coordinate }: CustomTooltipProps) => {
   if (active && payload && payload.length && coordinate) {
     const data: EarningsDataPoint = payload[0].payload as EarningsDataPoint;
     const isHighlighted = data.month === highlightedMonth(payload[0].payload as EarningsDataPoint);
@@ -85,10 +95,6 @@ const CustomTooltip = ({ active, payload, coordinate }: TooltipProps<number, str
   return null;
 };
 
-function highlightedMonth(payload: EarningsDataPoint): string {
-  return payload.month;
-}
-
 const CustomDot = ({
   cx,
   cy,

app/src/components/MerchesContent.tsx

@@ -180,7 +180,7 @@ export default function MerchesContent() {
     const item = deleteConfirmation.item;
     if (!item) return;
     setDeleteId(item.id);
-    deleteMutation.mutate(undefined as any, { onSuccess: () => setDeleteId(null) });
+    deleteMutation.mutate(void 0, { onSuccess: () => setDeleteId(null) });
   };
 
   return (