import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.tsx'
import { AuthProvider } from './context/AuthProvider.tsx'
import { CookiesProvider } from 'react-cookie'
import axios from "axios";
import { FilterProvider } from './context/FilterProvider.tsx'

// Set the with 'withCredentials' by default
axios.defaults.withCredentials = true;

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <CookiesProvider>
      <AuthProvider>
        <FilterProvider>
          <App />
        </FilterProvider>
      </AuthProvider>
    </CookiesProvider>
  </StrictMode>,
)