### 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)

const port = chrome.runtime.connect({
            name: String(tabId),
          });
          
          
          bridge = new Bridge({
            listen(fn) {
              const listener = message => fn(message);
              
              const portOnMessage = port.onMessage;
              portOnMessage.addListener(listener);
              return () => {
                portOnMessage.removeListener(listener);
              };
            },
            send(event: string, payload: any, transferable?: Array<any>) {
              port.postMessage({event, payload}, transferable);
            },
          });
          bridge.addListener('reloadAppForProfiling', () => {
            localStorageSetItem(LOCAL_STORAGE_SUPPORTS_PROFILING_KEY, 'true');
            chrome.devtools.inspectedWindow.eval('window.location.reload();');
          });
          bridge.addListener('syncSelectionToNativeElementsPanel', () => {
            setBrowserSelectionFromReact();
          });