import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { createBrowserRouter, RouterProvider } from 'react-router-dom';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import App from './App';
import { AuthProvider } from './features/auth/AuthContext';
import { ConfirmProvider } from './components/ConfirmProvider';
import './styles/index.css';

const client = new QueryClient({defaultOptions:{queries:{staleTime:15000,retry:1,refetchOnWindowFocus:false}}});
const router = createBrowserRouter([{path:'*',element:<ConfirmProvider><AuthProvider><App/></AuthProvider></ConfirmProvider>}]);
createRoot(document.getElementById('root')).render(<StrictMode><QueryClientProvider client={client}><RouterProvider router={router}/></QueryClientProvider></StrictMode>);