<p dir="auto">I am updating state in setState() and the page is rendered correctly, but "React Developer Tools" is showing previous state.<br>
Objects and Arrays are updating in realtime but not "boolean / string / number values".<br>
But when I close the dev tools window ( not switching tabs ) and reopen it, then only it shows the updated state.<br>
I don't remember if this was the issue from prev version, but please add realtime state update functionality to it.</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">Visual bug: showing wrong state; so user cant use devtools for debugging</p>
<p dir="auto"><strong>If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Paste the link to your JSFiddle (<a href="https://jsfiddle.net/Luktwrdm/" rel="nofollow">https://jsfiddle.net/Luktwrdm/</a>) or CodeSandbox (<a href="https://codesandbox.io/s/new" rel="nofollow">https://codesandbox.io/s/new</a>) example below:</strong></p>
<p dir="auto"><a href="https://codesandbox.io/s/wizardly-lewin-dlw5k" rel="nofollow">https://codesandbox.io/s/wizardly-lewin-dlw5k</a><br>
<a href="https://dlw5k.csb.app/" rel="nofollow">https://dlw5k.csb.app/</a></p>
<ol dir="auto">
<li>
<p dir="auto">Open <a href="https://dlw5k.csb.app/" rel="nofollow">https://dlw5k.csb.app/</a></p>
</li>
<li>
<p dir="auto">Open browser dev tools</p>
</li>
<li>
<p dir="auto">select "Components", click on "App", expand <code class="notranslate">selectedPairs</code> of <code class="notranslate">State</code></p>
</li>
<li>
<p dir="auto">select 3+ currencies from the list on the page. State is proper for now</p>
</li>
<li>
<p dir="auto">uncheck any not last box.<br>
Devtools will remove the last from the list.<br>
Uncheck something once more, and again just last item will disappear.</p>
</li>
<li>
<p dir="auto">Click on 'bug' icon ("Log this component data to the console")<br>
Expand data, 'State' is ok. So just a visual bug?</p>
</li>
</ol>
<p dir="auto"><strong>What is the expected behavior?</strong></p>
<p dir="auto">Devtools should update State properly.</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">React Developer Tools: 4.1.0 (9/19/2019)<br>
Browser: Google Chrome 76.0.3809.132 (64bit)<br>
OS: Windows 7 Professional SP1 64bit</p>