created api response handler for invalid sessions (redirect to login)

Author: phillipnguyenn

client/src/lib/api.ts

@@ -1,11 +1,11 @@
 import axios from "axios";
 
-import { getAccessToken } from "./auth";
+import { clearTokens,getAccessToken } from "./auth";
 
 // use env URL to call API
 const api = axios.create({ baseURL: process.env.NEXT_PUBLIC_BACKEND_URL });
 
-// for login, register interceptor to attach bearer token
+// request interceptor attaches bearer token (logins & non public pages)
 api.interceptors.request.use((config) => {
   const token = getAccessToken();
   if (token) {
@@ -14,4 +14,22 @@ api.interceptors.request.use((config) => {
   return config;
 });
 
+// response interceptor redirects to get new bearer token (expired tokens)
+api.interceptors.response.use(
+  (response) => {
+    return response;
+  },
+  (error) => {
+    if (error.response?.status === 401) {
+      clearTokens();
+
+      // Redirect to login page
+      if (typeof window !== "undefined") {
+        window.location.href = "/login";
+      }
+    }
+    return Promise.reject(error);
+  },
+);
+
 export default api;