[Bug]: console.log is not show in all website page.

### To Reproduce I dont know why. I think "initAppWithShadow" function is called because I see the element is in the page. but the log is not show in chrome dev tool. ``` const initAppWithShadow = ({ id, app, inlineCss: inlineCss2 }) => { const root = document.createElement("div"); root.id = id; document.body.append(root); const rootIntoShadow = document.createElement("div"); rootIntoShadow.id = `shadow-root-${id}`; const shadowRoot = root.attachShadow({ mode: "open" }); if (navigator.userAgent.includes("Firefox")) { const styleElement = document.createElement("style"); styleElement.innerHTML = inlineCss2; shadowRoot.appendChild(styleElement); } else { const globalStyleSheet = new CSSStyleSheet(); globalStyleSheet.replaceSync(inlineCss2); console.log("inlineCss", inlineCss2); // this console log is now show shadowRoot.adoptedStyleSheets = [globalStyleSheet]; } shadowRoot.appendChild(rootIntoShadow); clientExports.createRoot(rootIntoShadow).render(app); }; ``` ### Expected Behavior the log will be show! ### Screenshots _No response_ ### OS Mac ### Browser Chrome ### Node Version _No response_ ### Other Necessary Packages Version _No response_ ### Additional Context _No response_