clean-webpack-plugin

package.json

@@ -14,6 +14,7 @@
     },
     "dependencies": {
         "chrome-extension-toolkit": "^0.0.21",
+        "clean-webpack-plugin": "^4.0.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "sass": "^1.57.1"
@@ -74,4 +75,4 @@
         "webpack-build-notifier": "^2.3.0",
         "webpack-dev-server": "^4.11.1"
     }
-}
+}

src/views/content/Main.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function Main() {
+    return <div />;
+}

src/views/content/content.tsx

@@ -1,18 +1,15 @@
 import React from 'react';
 import { render } from 'react-dom';
-import { bMessenger } from 'src/shared/messages';
 import { ContextInvalidated, createShadowDOM, onContextInvalidated } from 'chrome-extension-toolkit';
-import { Button } from './components/Button/Button';
+import Main from './Main';
 
-bMessenger.getTabId().then(tabId => {
-    console.log('tabId', tabId);
-});
 
 injectReact();
 
+
 async function injectReact() {
-    const shadowDom = createShadowDOM('extension-dom-container');
+    const shadowDom = createShadowDOM('ut-registration-plus-dom-container');
-    render(<Button />, shadowDom.shadowRoot);
+    render(<Main />, shadowDom.shadowRoot);
     await shadowDom.addStyle('static/css/content.css');
 }