diff --git a/src/common.tsx b/src/common.tsx
index c5a41ef..0e2f63c 100644
--- a/src/common.tsx
+++ b/src/common.tsx
@@ -275,14 +275,11 @@ export function ActionItem(p: { action: ActionInfo, identifierSubstring?: string
           </head>
           <body>
             <div id="terminal"></div>
-            <script>
-              var term = new Terminal();
-              term.open(document.getElementById('terminal'));
-              term.write('Hello from \x1B[1;3;31mxterm.js\x1B[0m $ ')
-            </script>
           </body>
         </html>
       `)
+      const root = ReactDOM.createRoot(NewWindow.document.getElementById('terminal')!)
+      root.render(<TerminalComponent websocket={websocket}/>)
     }
 
     return (<>
