1import React from 'react';
2import ReactDOM from 'react-dom/client';
3let currentRoot: ReactDOM.Root | null = null;
4export default {
5  show() {
6    if (currentRoot) {
7      return;
8    }
9    const ErrorOverlay: React.ComponentType = require('../../ErrorOverlay').default;
10    // Create a new div with ID `error-overlay` element and render LogBoxInspector into it.
11    const div = document.createElement('div');
12    div.id = 'error-overlay';
13    document.body.appendChild(div);
14
15    currentRoot = ReactDOM.createRoot(div);
16    currentRoot.render(<ErrorOverlay />);
17  },
18  hide() {
19    // Remove div with ID `error-overlay`
20    if (currentRoot) {
21      currentRoot.unmount();
22      currentRoot = null;
23    }
24    const div = document.getElementById('error-overlay');
25    div?.remove();
26  },
27};
28