### Website or app

reactjs.org

### Repro steps

1. Open a website that uses React.
2. Inspect an element that uses Hooks.
3. Attempt to load hook names.
4. Loading hook names always fails:

![image](https://user-images.githubusercontent.com/1271509/137997605-a3f601a9-59e5-4370-b307-3ff50af22cae.png)

console.log(
              '[main] createPanelIfReactLoaded: Duplicate installation detected, skipping initialization of extension.',
              {currentExtension: EXTENSION_INSTALLATION_TYPE},
            );
          }
          panelCreated = true;
          clearInterval(loadCheckInterval);
          return;
        }
        if (__DEBUG__) {
          console.log(
            '[main] createPanelIfReactLoaded: No duplicate installations detected, continuing with initialization.',
            {currentExtension: EXTENSION_INSTALLATION_TYPE},
          );
        }
        panelCreated = true;
        clearInterval(loadCheckInterval);
        let bridge = null;
        let store = null;
        let profilingData = null;
        let componentsPortalContainer = null;
        let profilerPortalContainer = null;
        let cloneStyleTags = null;
        let mostRecentOverrideTab = null;
        let render = null;
        let root = null;
        let warnIfDuplicateInstallation = false;
        const tabId = chrome.devtools.inspectedWindow.tabId;
        registerDevToolsEventLogger('extension');
        function onDuplicateExtensionMessage(message) {