check the error in prod

components/login/index.tsx

@@ -10,7 +10,7 @@ import classNames from "classnames";
 import { HiCheckBadge } from "react-icons/hi2";
 
 export const Login = ({ code }: { code?: string }) => {
-  const { getAuthorization, user } = useUser();
+  const { getAuthorization, user, error } = useUser();
 
   useMount(() => getAuthorization(code as string));
 
@@ -52,6 +52,9 @@ export const Login = ({ code }: { code?: string }) => {
             <FaUserAstronaut className="w-full h-full text-indigo-500" />
           </div>
         </div>
+        {error && (
+          <p className="text-black text-sm">{JSON.stringify(error, null, 2)}</p>
+        )}
       </div>
     </div>
   );

utils/useUser.ts

@@ -2,9 +2,11 @@
 
 import { useCookie, useUpdateEffect } from "react-use";
 import { useQuery } from "@tanstack/react-query";
+import { useState } from "react";
 
 export const useUser = () => {
   const [value, setValue, remove] = useCookie("auth_hf_token");
+  const [error, setError] = useState(null);
 
   const {
     data: user,
@@ -63,7 +65,7 @@ export const useUser = () => {
     });
     const res = await request.clone().json().catch(() => ({}));
     if (!res.ok) {
-      console.log(res);
+      setError(res);
       return null;
     }
     setValue(res.access_token, {
@@ -82,6 +84,7 @@ export const useUser = () => {
     refetch,
     loading,
     token: `Bearer ${value}`,
+    error,
     getAuthorization
   }
 }