fix: no user retruning 403

Author: tomanagle

ui/pages/index.tsx

@@ -17,8 +17,8 @@ interface User {
   exp: number;
 }
 
-const Home: NextPage = ({ fallbackData }) => {
-  const { data } = useSwr<User>(
+const Home: NextPage<{ fallbackData: User }> = ({ fallbackData }) => {
+  const { data } = useSwr<User | null>(
     `${process.env.NEXT_PUBLIC_SERVER_ENDPOINT}/api/me`,
     fetcher,
     { fallbackData }

ui/utils/fetcher.ts

@@ -1,11 +1,16 @@
 import axios from "axios";
 
-const fetcher = <T>(url: string, headers = {}): Promise<T> =>
-  axios
-    .get<T>(url, {
+const fetcher = async <T>(url: string, headers = {}): Promise<T | null> => {
+  try {
+    const { data } = await axios.get<T>(url, {
       headers,
       withCredentials: true,
-    })
-    .then((res) => res.data);
+    });
+
+    return data;
+  } catch (e) {
+    return null;
+  }
+};
 
 export default fetcher;