import * as Sentry from "@sentry/react";

import "@/observability/sentry";

import React from "react";
import ReactDOM from "react-dom/client";
import { AppRoot } from "@/app-root";
import { AppProviders } from "@/providers/AppProviders";
import "@/styles/globals.css";

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

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

ReactDOM.createRoot(rootElement, {
  onCaughtError: Sentry.reactErrorHandler(),
  onRecoverableError: Sentry.reactErrorHandler(),
  onUncaughtError: Sentry.reactErrorHandler(),
}).render(
  <React.StrictMode>
    <AppProviders>
      <AppRoot />
    </AppProviders>
  </React.StrictMode>,
);