import * as ReactDOM from "@wordpress/element"; import Render from "./render"; import "./style.scss"; window.addEventListener("DOMContentLoaded", () => { const rootElement = document.getElementById("sp-eab-admin-dashboard-wrapper"); if (!rootElement) { return; } // Try to find existing wrapper let reactWrapper = document.querySelector(".sp-eab-admin-dashboard-container"); // If not found, create it if (!reactWrapper) { reactWrapper = document.createElement("div"); reactWrapper.className = "sp-eab-admin-dashboard-container"; // Insert React wrapper BEFORE current children rootElement.insertBefore(reactWrapper, rootElement.firstChild); } if (typeof ReactDOM.createRoot === "function") { const root = ReactDOM.createRoot(reactWrapper); root.render(); } else if (typeof ReactDOM.render === "function") { ReactDOM.render(, reactWrapper); } });