We create many `useDebugValue` helpers, loggers and so one now, so we can feel less pain.

What matter (**Updated**)
- previewing complex values brifely like chrome devtools does it for arrays, sets, maps, objects,,,

I [wrote related twit](https://twitter.com/mxtnr/status/1178271362890240001) recently with one of my DebugValue helpers. screenshot out here:
<img width="556" alt="Screenshot 2019-09-29 at 14 01 53" src="https://user-images.githubusercontent.com/6201068/66700775-5648bf80-ecfd-11e9-93fe-089d451bcffa.png">
_my named hooks currently require a `label` option unless react babel cannot transform name of variable automatically_
ReactDOM.render(
        <Example
          array_buffer={typedArray.buffer}
          
          big_int={BigInt(123)}
          date={new Date()}
          fn={exampleFunction}
          html_element={div}
          immutable={immutableMap}
          map={mapShallow}
          map_of_maps={mapOfMaps}
          react_element={<span />}
          set={setShallow}
          set_of_sets={setOfSets}
          symbol={Symbol('symbol')}
          typed_array={typedArray}
        />,
        document.createElement('div'),
      ),
    );
    const id = ((store.getElementIDAtIndex(0): any): number);
    const inspectedElement = await read(id);
    expect(inspectedElement).toMatchSnapshot('1: Initial inspection');
    const {
      array_buffer,
      big_int,
      date,
      fn,
      html_element,
      immutable,