该组件渲染Navigate组件，而不管任何session值。React组件渲染是完全同步的，因此返回总是在任何异步逻辑/副作用/等完成之前发生。
我猜你想等到效果运行并填充session状态后再允许渲染任何一个Navigate组件。使用加载状态并在获取会话数据时有条件地提前返回。
示例：

function App() {
  const [isLoading, setIsLoading] = useState(true);
  const [session, setSession] = useState(null);

  useEffect(() => {
    supabase.auth.getSession()
      .then(({ data: { session } }) => {
        setSession(session);
      })
      .finally(() => {
        setIsLoading(false);
      });

    supabase.auth.onAuthStateChange((_event, session) => {
      setSession(session);
    });
  }, []);
  
  if (isLoading) {
    return null; // or loading indicator/spinner/etc
  }

  return (
    <div className="">
      <Navigate to={session.access_token ? "/home" : "/account"} replace />
    </div>
  );
}

如果session状态值对于未经授权的用户是null，对于经过身份验证的用户是一个已定义的对象，那么您可以使用单个状态完成相同的操作。
示例：

function App() {
  const [session, setSession] = useState(); // <-- initially undefined

  useEffect(() => {
    supabase.auth.getSession()
      .then(({ data: { session } }) => {
        setSession(session); // <-- set either null/user object
      });

    supabase.auth.onAuthStateChange((_event, session) => {
      setSession(session); // <-- set either null/user object
    });
  }, []);
  
  if (session === undefined) {
    return null; // or loading indicator/spinner/etc
  }

  return (
    <div className="">
      <Navigate to={session.access_token ? "/home" : "/account"} replace />
    </div>
  );
}

解决了！
我刚换了衣服

{session ? <Navigate to="/home"></Navigate> : <Navigate to="/account"></Navigate>}

到

{session==null?<></>:(session.access_token==null ?<Navigate to="/account"></Navigate> :<Navigate to="/home"></Navigate>  )}

内部返回（）