fix: detach debugger when closing devtools window

.eslintignore

@@ -1,2 +1,3 @@
 .eslintrc*.js
-out/
+out/
+coverage/

.prettierignore

@@ -1 +1,2 @@
 out/
+coverage/

src/panel/App.tsx

@@ -1,6 +1,6 @@
 import { Box, Stack } from '@mui/material'
 import * as React from 'react'
-import { useEffect, useReducer } from 'react'
+import { useLayoutEffect, useReducer } from 'react'
 
 import * as Requests from './requests'
 
@@ -10,7 +10,7 @@ const App = () => {
     []
   )
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     Requests.listen()
     const unsubscribe = Requests.subscribe((req) => {
       pushRequest(req)

src/panel/index.tsx

@@ -3,8 +3,17 @@ import '@fontsource/roboto/400.css'
 import '@fontsource/roboto/500.css'
 import '@fontsource/roboto/700.css'
 import * as React from 'react'
-import * as ReactDOM from 'react-dom'
+import { render, unmountComponentAtNode } from 'react-dom'
 
 import App from './App'
 
-ReactDOM.render(<App />, document.getElementById('app'))
+const container = document.getElementById('app')
+if (container === null) {
+  throw new Error('could not find #app container element')
+}
+
+render(<App />, container)
+
+window.addEventListener('beforeunload', () => {
+  unmountComponentAtNode(container)
+})