<h3 dir="auto">It is a...</h3>
<p dir="auto"><g-emoji class="g-emoji" alias="lady_beetle" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f41e.png">🐞</g-emoji> BUG</p>
<h3 dir="auto">What is the current behavior?</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5378891/59242037-a410c680-8c3c-11e9-8b59-1faf8079fb00.png"><img width="953" alt="屏幕快照 2019-06-11 上午11 32 42" src="https://user-images.githubusercontent.com/5378891/59242037-a410c680-8c3c-11e9-8b59-1faf8079fb00.png" style="max-width: 100%;"></a></p>
<h3 dir="auto">Reproduce</h3>
<p dir="auto"><a href="https://codesandbox.io/s/antd-reproduction-template-7jmkr" rel="nofollow">https://codesandbox.io/s/antd-reproduction-template-7jmkr</a></p>
<ol dir="auto">
<li>Quick click <code class="notranslate">Page 1</code> button.</li>
<li>Then, quick click <code class="notranslate">Page 2</code> button.</li>
</ol>
<h3 dir="auto">What is the expected behavior?</h3>
<p dir="auto"><code class="notranslate">findDOMNode</code> should work in Suspense</p>
<h3 dir="auto">Others</h3>
<p dir="auto">related issue: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="379487104" data-permission-text="Title is private" data-url="https://github.com/facebook/react/issues/14188" data-hovercard-type="issue" data-hovercard-url="/facebook/react/issues/14188/hovercard" href="https://github.com/facebook/react/issues/14188">#14188</a></p>
<p dir="auto"><strong>Do you want to request a <em>feature</em> or report a <em>bug</em>?</strong></p>
<p dir="auto">Bug</p>
<p dir="auto"><strong>What is the current behavior?</strong></p>
<p dir="auto">I have a component which listens for resize events (via a BlueprintJS ResizeSensor). When loading a component dynamically with <code class="notranslate">lazy</code> / <code class="notranslate">Suspense</code>, an exception occurs as the resize sensor appears to be unmounted:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Uncaught Error: Unable to find node on an unmounted component.
    at invariant (29.chunk.js:86295)
    at findCurrentFiberUsingSlowPath (29.chunk.js:90628)
    at findCurrentHostFiber (29.chunk.js:90640)
    at findHostInstanceWithWarning (29.chunk.js:106349)
    at findDOMNode (29.chunk.js:106869)
    at ResizeSensor.componentDidUpdate (29.chunk.js:10535)"><pre class="notranslate"><code class="notranslate">Uncaught Error: Unable to find node on an unmounted component.
    at invariant (29.chunk.js:86295)
    at findCurrentFiberUsingSlowPath (29.chunk.js:90628)
    at findCurrentHostFiber (29.chunk.js:90640)
    at findHostInstanceWithWarning (29.chunk.js:106349)
    at findDOMNode (29.chunk.js:106869)
    at ResizeSensor.componentDidUpdate (29.chunk.js:10535)
</code></pre></div>
<p dir="auto">The resize sensor <a href="https://github.com/palantir/blueprint/blob/develop/packages/core/src/components/resize-sensor/resizeSensor.tsx#L73">should be removing listeners on unmount</a>.</p>
<p dir="auto">Demo: <a href="https://codesandbox.io/s/n4241q075l" rel="nofollow">https://codesandbox.io/s/n4241q075l</a><br>
Related: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="379428100" data-permission-text="Title is private" data-url="https://github.com/palantir/blueprint/issues/3141" data-hovercard-type="issue" data-hovercard-url="/palantir/blueprint/issues/3141/hovercard" href="https://github.com/palantir/blueprint/issues/3141">palantir/blueprint#3141</a></p>
<p dir="auto"><strong>What is the expected behavior?</strong></p>
<p dir="auto">No exception is thrown.</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">Tested with:</p>
<ul dir="auto">
<li>React 16.6.1, fails</li>
<li>React 16.6.0, works</li>
</ul>