Component gets unmounted = ref is null while I interact with a component

Hello Michele!

I was playing with this example in Styleguidist cookbook: how-to-use-refs-in-examples

Took me quite a while to understand why the example would not work on my almost clean version of styleguidist + snapguidist.

When I click the button in the even more simplified example below I get an error because snapguidist basically unmount the component so ref gets called with null (is that correct?)https://github.com/facebook/react/issues/9328#issuecomment-298438237

Could this lead to issues? I’m interacting with a component that is unmounted?

Example to try on a clean installation of styleguidist+snapguidist

let myEl;
<div>
  <button onClick={() => myEl.value = 'Pizza'}>Insert</button>
  <input ref={ref => myEl = ref} />
</div>

[MicheleBertoli]

This package has been updated to the latest version of Styleguidist (6.2.2) and React (16.2.0). The issue is not solved yet (unfortunately), but there’s a workaround:

<input ref={ref => ref && (myEl = ref)} />

[MicheleBertoli]

Hello @goransm, this seems a different problem. Would you mind opening a new issue and provide a non-working example? Thank you very much!