err -> error

frontend/src/Session.tsx

@@ -43,7 +43,7 @@ export function SessionProvider(props: SessionProviderProps) {
   const [user, setUser] = useState<User | null>(null);
   const [teams, setTeams] = useState<TeamState | null>(null);
   const [players, setPlayers] = useState<User[] | null>(null);
-  const [err, setErr] = useState<unknown>(null);
+  const [error, setError] = useState<unknown>(null);
   const [loading, setLoading] = useState(false);
 
   function loadUser() {
@@ -51,11 +51,11 @@ export function SessionProvider(props: SessionProviderProps) {
     currentUser()
       .then((user) => {
         setUser(user);
-        setErr(null);
+        setError(null);
       })
       .catch((err) => {
         setUser(null);
-        setErr(err);
+        setError(err);
       })
       .finally(() => setLoading(false));
   }
@@ -81,30 +81,30 @@ export function SessionProvider(props: SessionProviderProps) {
 
   function onLogin(user: User) {
     setUser(user);
-    setErr(null);
+    setError(null);
   }
 
   async function onLogout() {
     try {
       logout();
       setUser(null);
-      setErr({ message: "Logged out successfully" });
+      setError({ message: "Logged out successfully" });
       console.log("logged out.");
     } catch (e) {
       console.error(e);
-      setErr(e);
+      setError(e);
     }
   }
 
   let content: ReactNode;
-  if (loading || (!err && !user))
+  if (loading || (!error && !user))
     content = (
       <>
         <Header />
         <span className="loader" />
       </>
     );
-  else if (err) {
+  else if (error) {
     content = (
       <section className="section is-medium">
         <div className="container is-max-tablet">