1  import * as React from "react";
 2  import ReactDOM from "react-dom/client";
 3  import { BrowserRouter } from "react-router-dom";
 4  import App from "./App";
 5  import "./styles/globals.css";
 6  
 7  // Initialize i18n before rendering
 8  import "./i18n";
 9  
10  // Get base path from Vite's base config (handles staging vs production)
11  const basename = import.meta.env.BASE_URL.replace(/\/$/, "") || "/";
12  
13  ReactDOM.createRoot(document.getElementById("root")!).render(
14    <React.StrictMode>
15      <BrowserRouter basename={basename}>
16        <App />
17      </BrowserRouter>
18    </React.StrictMode>,
19  );