edr-platform/apps/edr-freight-web/portal/src/main.tsx

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { BrowserRouter } from "react-router-dom";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import "@tria-plc/iamui-common/styles.css";

import App from "./App";
import {
  AuthProvider,
  BrandingProvider,
  configureIam,
  UserProvider,
} from "@tria-plc/iamui-common";

const queryClient = new QueryClient();
window.__IAM_CONFIG__ = {
  apiUrl: `${import.meta.env.VITE_BASE_API_URL}/api`,
  postLoginPath: "/user-management",
};
window.__USER_MANAGEMENT_BRANDING__ = {
  organizationName: "EDR Platform",
  appName: "EDR Portal",
  moduleBasePath: "/user-management",
  backToAppPath: "/dashboard",
  backToAppLabel: "Back to dashboard",
};

configureIam({
  apiUrl: `${import.meta.env.VITE_BASE_API_URL}/api`,
});

const rootElement = document.getElementById("root");

if (!rootElement) {
  throw new Error("Root element not found");
}

createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <QueryClientProvider client={queryClient}>
            <BrowserRouter>
      <BrandingProvider>
        <AuthProvider>
          <UserProvider>
              <App />
          </UserProvider>
        </AuthProvider>
      </BrandingProvider>
            </BrowserRouter>
    </QueryClientProvider>
  </StrictMode>,
);