import { DireProvider } from "./Context/DireContext";
import AppRoutes from "./router/AppRoutes";
import { ToastContainer } from "react-toastify";
import {  QueryClientProvider } from '@tanstack/react-query';
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
import { queryClient } from "./layouts/AuthLayout";
import  ModalProvider  from "./ModalProvider";

window.addEventListener("unhandledrejection", (event) => {
  if (event.reason?.message?.includes("Failed to fetch")) {
    event.preventDefault();
    console.debug("Network issue (fetch failed) - suppressed");
  }
});

const App = () => {
  return (
    <div className="app">
      <QueryClientProvider client={queryClient}>
        <ModalProvider/>
        <DireProvider>
          <AppRoutes />
        </DireProvider>

        <ToastContainer />
        <ReactQueryDevtools initialIsOpen={false} />
      </QueryClientProvider>
    </div>
  );
};

export default App;