chrome-extension-dialer/src/window/index.tsx

import React from "react";
import ReactDOM from "react-dom/client";
import { ChakraProvider } from "@chakra-ui/react";
import WindownApp from "./app";
import mainTheme from "../theme";

const root = document.createElement("div");
root.className = "container";
document.body.appendChild(root);
const rootDiv = ReactDOM.createRoot(root);
rootDiv.render(
  <React.StrictMode>
    <ChakraProvider theme={mainTheme}>
      <WindownApp />
    </ChakraProvider>
  </React.StrictMode>
);