getSession fails with 401, but can't sign out?

  useEffect(() => {
    async function getProfileData() {
      const res = await supabase.auth.getSession();
      const { data, error } = await supabase
        .from("profiles")
        .select("*")
        .eq("id", res.data.session.user.id);

      if (error) {
        await supabase.auth.signOut();
        return console.error(error);
      }

      setProfile({ ...data[0], ...res.data.session.user });
      setLoading(false);
    }

    getProfileData();
  }, []);

export function WithAuth({ children, className, ...rest }) {
  const [session, setSession] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    async function loader() {
      try {
        const { data } = await supabase.auth.getSession();
        setSession(data.session);
        supabase.auth.onAuthStateChange((_event, session) => {
          setSession(session);
        });
        setLoading(false);
      } catch (e) {
        console.error("loader", e);
      }
    }
    loader();
  }, []);

  if (loading) return null;

  if (session) {
    return <ProfileFetcher>{children}</ProfileFetcher>;
  }

  if (!session) return <Login />;
}