When I use DevTools to select an element on the page, it can't jump/find it.
It also doesn't show it in the Components page.
    This was checked by finding its parent and checking the children, non of the newly generated ones are there.
As a probably related bug Profiler doesn't show/record the changes.

React version: 16.13.1
React-dom version: 16.13.1
Parcel: 2.0.0-beta.1

## Steps To Reproduce

1. Have a parent element
2. Have a child element (A)
3. Using conditional rendering (`condition ? A : B`) "hide" A
4. B now shows
5. Try and select B using Chrome Dev Tools's "Select an element in the page to inspect it"
6. Jumps nowhere/Can't find it manually in the list.

## Example

![2020-10-26_12-38-43](https://user-images.githubusercontent.com/24227350/97173781-06faf300-1789-11eb-9f66-4c6146d1dc8b.gif)
In this example, I demonstrate that it works on the Search Bar (light grey bar) which is the TextField=>InputBase tree, and the Container that contains the search & images and how hovering over the image doesn't do anything.
I then click on the image and nothing happens & the state panel on the right of Dev Tools empties itself.

## The current behaviour

Can't find newly rendered components in React Dev Tools Components panel

## The expected behavior

Being able to find the newly rendered components in React Dev Tools Components panel
const [val, setVal] = React.useState(0);
          return (
            <p style={{color: 'blue'}} onClick={() => setVal(val + 1)}>
              {val}
            </p>
          );
        }
        $RefreshReg$(Hello, 'Hello');
        return Hello;
      });
      
      const el = container.firstChild;
      expect(el.textContent).toBe('0');
      expect(el.style.color).toBe('blue');
      act(() => {
        el.dispatchEvent(new MouseEvent('click', {bubbles: true}));
      });
      expect(el.textContent).toBe('1');
      
      patch(() => {
        function Hello() {