Untitled

import React, { useEffect } from "react";
import { useNavigate } from "react-router-dom";
import { AuthProvider } from "./components/AuthProvider";
import AppRouter from "./AppRouter";

const App = () => {
  const navigate = useNavigate();

  useEffect(() => {
    // Listen for the unauthorized event
    const handleUnauthorized = () => {
      navigate("/login"); // Redirect to login
    };

    window.addEventListener("unauthorized", handleUnauthorized);

    return () => {
      window.removeEventListener("unauthorized", handleUnauthorized);
    };
  }, [navigate]);

  return (
    <AuthProvider>
      <AppRouter />
    </AuthProvider>
  );
};

export default App;