troubleshooting on user registration flow

client/src/App.tsx

@@ -17,9 +17,13 @@ function App() {
 
   useEffect(() => {
     const wrapper = async () => {
-      const result: IAuthContext | undefined = await checkCredientials();
-      if (result == undefined) setUser({ user: undefined });
-      setUser(result!);
+      try {
+        const result: IAuthContext | undefined = await checkCredientials();
+        if (result == undefined) setUser({ user: undefined });
+        setUser(result!);
+      } catch(e) {
+        console.error(e);
+      }
     }
 
     wrapper();

client/src/components/derived/Friends.tsx

@@ -16,7 +16,7 @@ export default function Friends() {
 
         const wrapper = async () => {
             // HARD CODED
-            const result = await getFriendships(1);
+            const result = await getFriendships();
             setFriends(result);
         }
 

client/src/components/pages/Register/index.tsx

@@ -1,10 +1,11 @@
+import { useState } from "react";
+import { useAuthContext } from "../../../context/AuthContext";
 import { Page } from "../../ui";
 import AboutYou from "./register.aboutyou";
 
 export default function Register() {
-    return (
-        <Page>
-            <AboutYou />
-        </Page>
-    )
+    const [displayed, setDisplayed] = useState<JSX.Element>(<AboutYou />);
+    const authContext = useAuthContext();
+
+    return displayed;
 }

client/src/components/pages/Register/register.aboutyou.tsx

@@ -23,7 +23,7 @@ export default function AboutYou() {
     const authContext = useAuthContext();
     const [form, setForm] = useState<JSX.Element[]>([<p key={v4()}>Loading content...</p>]);
     const [input, setInput] = useState<IUser>(blankUser);
-    const [regSuccess, setRegSuccess] = useState<boolean>();
+    const [regSuccess, setRegSuccess] = useState<any>();
 
     const getFormState = useCallback((received: IUser) => {
         setInput(received);
@@ -40,11 +40,15 @@ export default function AboutYou() {
 
     async function handleRegister() {
         const res = await attemptRegister(input);
+        console.log(res);
         setRegSuccess(res);
     }
 
     async function unwrapLogin() {
-        const login = await attemptLogin({ email: input.email, password: input.password as string } as IUserAuth);
+        const data: IUserAuth = { email: input.email, password: input.password || "" }
+        console.log(data);
+        const login = await attemptLogin(data);
+        console.log(login);
         authContext.user = login.user;
         navigate('/');
     }
@@ -55,7 +59,7 @@ export default function AboutYou() {
 
     useEffect(() => {
         if (regSuccess) unwrapLogin();
-    }, [regSuccess, handleRegister])
+    }, [regSuccess])
 
     return (
         <Page>

client/src/util/apiUtils.tsx

@@ -19,6 +19,8 @@ export const attemptLogin = async (data: IUserAuth): Promise<IAuthContext> => {
             data: data
         });
 
+        console.log(response);
+
         const result = Promise.resolve(response.data);
         return result;
     } catch (e: any) {