<p dir="auto"><strong>Do you want to request a <em>feature</em> or report a <em>bug</em>?</strong><br>
I am not sure,maybe a bug.</p>
<p dir="auto"><strong>What is the current behavior?</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Uncaught TypeError: ref is not a function
    at commitAttachRef (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:13520:7)
    at commitAllLifeCycles (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:13995:9)
    at HTMLUnknownElement.boundFunc (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:229:14)
    at invokeGuardedCallback (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:243:16)
    at invokeGuardedCallback (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:278:34)
    at commitAllWork (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:14101:19)
    at completeUnitOfWork (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:14241:11)
    at performUnitOfWork (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:14273:14)
    at workLoop (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:14395:26)
    at HTMLUnknownElement.boundFunc (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:229:14)"><pre class="notranslate"><code class="notranslate">Uncaught TypeError: ref is not a function
    at commitAttachRef (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:13520:7)
    at commitAllLifeCycles (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:13995:9)
    at HTMLUnknownElement.boundFunc (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:229:14)
    at invokeGuardedCallback (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:243:16)
    at invokeGuardedCallback (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:278:34)
    at commitAllWork (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:14101:19)
    at completeUnitOfWork (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:14241:11)
    at performUnitOfWork (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:14273:14)
    at workLoop (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:14395:26)
    at HTMLUnknownElement.boundFunc (eval at 18 (vendor.bf495772693e68a40763.js:746), &lt;anonymous&gt;:229:14)
</code></pre></div>
<p dir="auto">And when I debugger,I find below:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/4ffb7c7179d2555c763dd967d9ce7a13a7d21bb3b49fdb2f9b7a24c4a90dae80/687474703a2f2f692e696d6775722e636f6d2f564d43665841622e6a7067"><img src="https://camo.githubusercontent.com/4ffb7c7179d2555c763dd967d9ce7a13a7d21bb3b49fdb2f9b7a24c4a90dae80/687474703a2f2f692e696d6775722e636f6d2f564d43665841622e6a7067" alt="Imgur" data-canonical-src="http://i.imgur.com/VMCfXAb.jpg" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/e428d37f84a19cb0a4225f916d30efca3faaa9c38cf7df39766d4ca07b677c7b/687474703a2f2f692e696d6775722e636f6d2f517954344873782e6a7067"><img src="https://camo.githubusercontent.com/e428d37f84a19cb0a4225f916d30efca3faaa9c38cf7df39766d4ca07b677c7b/687474703a2f2f692e696d6775722e636f6d2f517954344873782e6a7067" alt="Imgur" data-canonical-src="http://i.imgur.com/QyT4Hsx.jpg" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?</strong></p>
<p dir="auto">I use react-16.0.0-alpha.12. windows-64,chrome-canary-61.0.3113.0</p>
<p dir="auto">This is not react bug (it is more about react docs) but I tried all those channels recommended to get help without result, so I have no choice but to post it here.</p>
<p dir="auto">I opened this issue in react docs repository but no response. Here is the link:<br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1000707609" data-permission-text="Title is private" data-url="https://github.com/reactjs/react.dev/issues/3915" data-hovercard-type="issue" data-hovercard-url="/reactjs/react.dev/issues/3915/hovercard" href="https://github.com/reactjs/react.dev/issues/3915">reactjs/react.dev#3915</a></p>
<p dir="auto">There is also related highly voted question on Stack overflow:<br>
<a href="https://stackoverflow.com/questions/61999810/store-a-callback-in-useref" rel="nofollow">https://stackoverflow.com/questions/61999810/store-a-callback-in-useref</a></p>
<p dir="auto">So maybe we can get some help here?</p>