src/routes/redirectIfAuthenticated.tsx

import React from "react";
import { Navigate, Outlet } from "react-router-dom";

import { useAuth } from "../hooks/useAuth";

const RedirectIfAuthenticated: React.FC = () => {
  const { isAuthenticated } = useAuth();

  return isAuthenticated ? <Navigate to="/" /> : <Outlet />;
};

export default RedirectIfAuthenticated;