Nextjs ClientSide redirect with useEffect and useRouter (relying on Authentication) react-hooks

redirectedPage.tsx

import { useEffect, useState } from 'react';
import Spinner from 'components/icons/Spinner';
import { useRequireAuth } from 'hooks/useRequireAuth';
import Router from 'next/router';

const MyTeamIndexPage = () => {
  const { user } = useRequireAuth();
  // const [isLoading, setIsLoading] = useState(true);

  useEffect(() => {
    console.log(user);
    if (user && user?.teamId) {
      Router.push(`/team/${user.teamId}`);
    }
  }, [user]);

  return (
    <div className="flex justify-center min-h-screen bg-gray-100">
      <Spinner width="30" className="m-auto mt-6 animate-spin" />
    </div>
  );
};

export default MyTeamIndexPage;