favoriting team no longer triggers reload in team list

src/teams/TeamList.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import {
   Theme,
   ListItem,
@@ -66,25 +66,20 @@ export default function TeamList() {
   const [page, setPage] = useState<number>(0);
   const [loading, setLoading] = useState<boolean>(true);
   const [search, setSearch] = useState<string>("");
-  const [asUser, setAsUser] = useState<string | undefined>(undefined);
   const [teamDialogOpen, setTeamDialogOpen] = useState<boolean>(false);
 
-  useEffect(() => {
+  const loadTeams = () => {
-    if (as.includes("auth0")) setAsUser(as);
-  }, [as]);
-
-  const loadTeams = useCallback(() => {
     setLoading(true);
     let newTeamPerms: Map<string | number, pond.Permission[]> = new Map();
     let newTeamPrefs: Map<string | number, pond.TeamPreferences> = new Map();
     let searchString = search;
     teamAPI
-      .listTeams(limit, limit * page, undefined, "name", searchString, undefined, asUser)
+      .listTeams(limit, limit * page, undefined, "name", searchString, undefined, as)
       .then(resp => {
         setTotal(resp.data.total ? resp.data.total : 0);
         let newTeams: Team[] = []
         resp.data.teams.forEach(team => {
-          let u = asUser ? asUser : user.id();
+          let u = as ? as : user.id();
           let t = Team.create(team)
           if (team.settings && u !== "") {
             userAPI
@@ -109,11 +104,11 @@ export default function TeamList() {
       .finally(() => {
         setLoading(false);
       });
-  }, [user, teamAPI, userAPI, limit, page, search, asUser]);
+  };
 
   useEffect(() => {
     loadTeams();
-  }, [user, teamAPI, userAPI, limit, page, search, asUser, loadTeams]);
+  }, [limit, page, search, as]);
 
   const columns = (): Column<Team>[] => {
     return [