vite-project v0.0.0

---

main

Remarks

Application bootstrap for AILA. Creates the React 18 root and wires the top‑level providers:

What happens here:

• Create React 18 root

• Provide TanStack Query client for data fetching & caching

• Provide AuthProvider for global auth/conversation state

• Wire up React Router (BrowserRouter) for client-side navigation

• IMPORTANT:

• Use BrowserRouter from 'react-router-dom' (NOT 'react-router').

• Provider order: QueryClientProvider (network/cache) └── AuthProvider (auth state) └── BrowserRouter (routing context) └──

1. QueryClientProvider — network & cache layer (TanStack Query)

2. AuthProvider — authentication and conversation state

3. BrowserRouter — client‑side routing context

4. App — application shell and routes

Provider order matters: Query/cache → Auth → Router → App.

Example

const queryClient = new QueryClient();

createRoot(document.getElementById('root')!).render(
 <React.StrictMode>
   <QueryClientProvider client={queryClient}>
     <AuthProvider>
       <Router>
         <App />
       </Router>
     </AuthProvider>
   </QueryClientProvider>
</React.StrictMode>
);