React version: 0.0.0-241c4467e (current `next`) and 16.12.0
Devtools: 4.4.0 (1/3/2020). [...] Created from revision f749045a5 on 1/3/2020.

## Steps To Reproduce

1. Visit https://codesandbox.io/s/usedebugvalue-complex-types-3x877
2. Inspect `App` Component
3. `NoHooksAtAll` displays no hooks at all
4. `IgnoredComplexValue` displayes the custom hook but without a value
5. `NoHooksAtAll` displays the custom hook with its value


Link to code example:


## The current behavior
Complex values (and custom hooks) are sometimes not displayed

## The expected behavior

Implementation of components and hooks should not affect if these are displayed.

});
  const Contexts = ({
    children,
    defaultSelectedElementID = null,
    defaultSelectedElementIndex = null,
  }) => (
    <BridgeContext.Provider value={bridge}>
      <StoreContext.Provider value={store}>
        <TreeContextController
          defaultSelectedElementID={defaultSelectedElementID}
          defaultSelectedElementIndex={defaultSelectedElementIndex}>
          <InspectedElementContextController>
            {children}
          </InspectedElementContextController>
        </TreeContextController>
      </StoreContext.Provider>
    </BridgeContext.Provider>
  );
  it('should inspect the currently selected element', async done => {
    const Example = () => {
      const [count] = React.useState(1);
      return count;
    };
    const container = document.createElement('div');
    await utils.actAsync(() =>
      ReactDOM.render(<Example a={1} b="abc" />, container),
    );
    const id = ((store.getElementIDAtIndex(0): any): number);
    let didFinish = false;
    function Suspender({target}) {