<p dir="auto">Describe what you were doing when the bug occurred:<br>
1.<br>
2.<br>
3.</p>
<hr>
<h2 dir="auto">Please do not remove the text below this line</h2>
<p dir="auto">DevTools version: 4.2.0-a8b8ffb89</p>
<p dir="auto">Call stack: at n.value (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:162685)<br>
at m (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:332158)<br>
at sc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:332375)<br>
at fi (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:59263)<br>
at Hi (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:66573)<br>
at lc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:104884)<br>
at kc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:89467)<br>
at wc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:89392)<br>
at pc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:86341)<br>
at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:45721</p>
<p dir="auto">Component stack: in sc<br>
in div<br>
in div<br>
in _o<br>
in Unknown<br>
in n<br>
in Unknown<br>
in div<br>
in div<br>
in zi<br>
in Ge<br>
in un<br>
in ba<br>
in Rc</p>
<p dir="auto"><strong>In React 15</strong>, <code class="notranslate">ComponentWillUnmount</code> called first before the rendering of next component in DOM. <strong>In the current version (v16)</strong>, <code class="notranslate">ComponentWillUnmount</code> was called after the mounting of next component.</p>
<p dir="auto">It creates an issue with my existing code, since I reuse the same component after the history changes so it invokes the <code class="notranslate">componentWillMount</code> with new props and change in URL and thereafter, it invokes the <code class="notranslate">ComponentWillUnmount</code> of same component.</p>
<p dir="auto">Is there still a way to do this in a <strong><em>synchronous</em></strong> way?</p>