Disable retry logic for 401 errors during API call (#325)

* Disable retrying fetching user when token is expired

* Disable retrying fetching when the error status code is 401

frontend/src/App.tsx

@@ -88,6 +88,15 @@ function App() {
 				},
 			}),
 			defaultOptions: {
+				queries: {
+					retry: (failureCount, error) => {
+						if (axios.isAxiosError(error) && error.response?.status === 401) {
+							return false;
+						}
+
+						return failureCount < 3;
+					},
+				},
 				mutations: {
 					onError: handleError,
 				},

frontend/src/hooks/api/user.ts

@@ -14,14 +14,11 @@ export const useGetUserQuery = () => {
 	const dispatch = useDispatch();
 	const authStore = useSelector(selectAuth);
 
-	if (authStore.accessToken) {
-		axios.defaults.headers.common["Authorization"] = `Bearer ${authStore.accessToken}`;
-	}
-
 	const query = useQuery({
 		queryKey: generateGetUserQueryKey(authStore.accessToken || ""),
 		enabled: Boolean(authStore.accessToken),
 		queryFn: async () => {
+			axios.defaults.headers.common["Authorization"] = `Bearer ${authStore.accessToken}`;
 			const res = await axios.get<GetUserResponse>("/users");
 			return res.data;
 		},