<p dir="auto"><strong>Do you want to request a <em>feature</em> or report a <em>bug</em>?</strong></p>
<ul dir="auto">
<li>Bug</li>
</ul>
<p dir="auto"><strong>What is the current behavior?</strong></p>
<ul dir="auto">
<li>On trying to analyse a component State using React Developer Tools, the analyse pane stays in the <code class="notranslate">Loading ...</code> state and throws this error</li>
</ul>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="Uncaught TypeError: Cannot read property 'name' of undefined
    at O (backend.js:1)
    at s (backend.js:1)
    at s (backend.js:1)
    at s (backend.js:1)
    at l (backend.js:1)
    at Object.inspectElement (backend.js:6)
    at t.&lt;anonymous&gt; (backend.js:6)
    at t.r.emit (backend.js:6)
    at backend.js:32
    at t (backend.js:8)"><pre class="notranslate"><span class="pl-v">Uncaught</span> TypeError: <span class="pl-v">Cannot</span> <span class="pl-s1">read</span> <span class="pl-s1">property</span> <span class="pl-s">'name'</span> <span class="pl-s1">of</span> <span class="pl-c1">undefined</span>
    <span class="pl-en">at</span> <span class="pl-v">O</span> <span class="pl-kos">(</span><span class="pl-s1">backend</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">1</span><span class="pl-kos">)</span>
    <span class="pl-en">at</span> <span class="pl-s1">s</span> <span class="pl-kos">(</span><span class="pl-s1">backend</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">1</span><span class="pl-kos">)</span>
    <span class="pl-en">at</span> <span class="pl-s1">s</span> <span class="pl-kos">(</span><span class="pl-s1">backend</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">1</span><span class="pl-kos">)</span>
    <span class="pl-en">at</span> <span class="pl-s1">s</span> <span class="pl-kos">(</span><span class="pl-s1">backend</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">1</span><span class="pl-kos">)</span>
    <span class="pl-en">at</span> <span class="pl-s1">l</span> <span class="pl-kos">(</span><span class="pl-s1">backend</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">1</span><span class="pl-kos">)</span>
    <span class="pl-s1">at</span> <span class="pl-v">Object</span><span class="pl-kos">.</span><span class="pl-en">inspectElement</span> <span class="pl-kos">(</span><span class="pl-s1">backend</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">6</span><span class="pl-kos">)</span>
    <span class="pl-s1">at</span> <span class="pl-s1">t</span><span class="pl-kos">.</span><span class="pl-c1">&lt;</span><span class="pl-s1">anonymous</span><span class="pl-c1">&gt;</span> <span class="pl-kos">(</span><span class="pl-s1">backend</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">6</span><span class="pl-kos">)</span>
    <span class="pl-s1">at</span> <span class="pl-s1">t</span><span class="pl-kos">.</span><span class="pl-c1">r</span><span class="pl-kos">.</span><span class="pl-en">emit</span> <span class="pl-kos">(</span><span class="pl-s1">backend</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">6</span><span class="pl-kos">)</span>
    <span class="pl-s1">at</span> <span class="pl-s1">backend</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">32</span>
    <span class="pl-en">at</span> <span class="pl-s1">t</span> <span class="pl-kos">(</span><span class="pl-s1">backend</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">8</span><span class="pl-kos">)</span></pre></div>
<p dir="auto"><strong>What is the expected behavior?</strong></p>
<ul dir="auto">
<li>Able to analyse component State as in the previous React Dev Tools versions.</li>
</ul>
<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>
<ul dir="auto">
<li>React Developer Tools version: 4.3.0 (12/20/2019)</li>
<li>React Version: ^16.4.0</li>
<li>Browsers:
<ul dir="auto">
<li>Chrome: Version 79.0.3945.88 (Official Build) (64-bit)</li>
<li>Brave: Version 1.1.23 Chromium: 79.0.3945.88 (Official Build) (64-bit)</li>
</ul>
</li>
</ul>
<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>
<ol dir="auto">
<li>Select a component</li>
<li>The right panel (property panel?) always shows <code class="notranslate">Loading...</code></li>
<li>The following error is printed to the console.</li>
</ol>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="backend.js:1 Uncaught TypeError: Cannot read property 'name' of undefined
    at O (backend.js:1)
    at s (backend.js:1)
    at s (backend.js:1)
    at l (backend.js:1)
    at Object.inspectElement (backend.js:6)
    at t.&lt;anonymous&gt; (backend.js:6)
    at t.r.emit (backend.js:6)
    at backend.js:32
    at t (backend.js:8)"><pre class="notranslate"><code class="notranslate">backend.js:1 Uncaught TypeError: Cannot read property 'name' of undefined
    at O (backend.js:1)
    at s (backend.js:1)
    at s (backend.js:1)
    at l (backend.js:1)
    at Object.inspectElement (backend.js:6)
    at t.&lt;anonymous&gt; (backend.js:6)
    at t.r.emit (backend.js:6)
    at backend.js:32
    at t (backend.js:8)
</code></pre></div>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1330321/71661150-497dba00-2d88-11ea-8df1-235f24ba793f.png"><img src="https://user-images.githubusercontent.com/1330321/71661150-497dba00-2d88-11ea-8df1-235f24ba793f.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">I don't know why you minify the output, but the call stack points to here:</p>
<p dir="auto"></p><div class="Box Box--condensed my-2">
  <div class="Box-header f6">
    <p class="mb-0 text-bold">
      <a href="https://github.com/facebook/react/blob/f887d1aa27336baa0bc292158793a5a244c712b6/packages/react-devtools-shared/src/utils.js#L391">react/packages/react-devtools-shared/src/utils.js</a>
    </p>
    <p class="mb-0 color-fg-muted">
         Line 391
      in
      <a data-pjax="true" class="commit-tease-sha" href="/facebook/react/commit/f887d1aa27336baa0bc292158793a5a244c712b6">f887d1a</a>
    </p>
  </div>
  <div itemprop="text" class="Box-body p-0 blob-wrapper blob-wrapper-embedded data">
    <table class="highlight tab-size mb-0 js-file-line-container" data-tab-size="8" data-paste-markdown-skip="">

        <tbody><tr class="border-0">
          <td id="L391" class="blob-num border-0 px-3 py-0 color-bg-default" data-line-number="391"></td>
          <td id="LC391" class="blob-code border-0 px-3 py-0 color-bg-default blob-code-inner js-file-line"> <span class="pl-kos">}</span> <span class="pl-k">else</span> <span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-s1">data</span><span class="pl-kos">.</span><span class="pl-c1">constructor</span><span class="pl-kos">.</span><span class="pl-c1">name</span> <span class="pl-c1">===</span> <span class="pl-s">'ArrayBuffer'</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> </td>
        </tr>
    </tbody></table>
  </div>
</div>
<p></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/falling-wave-1j0qe" rel="nofollow">https://codesandbox.io/s/falling-wave-1j0qe</a></p>
<p dir="auto"><strong>What is the expected behavior?</strong></p>
<p dir="auto">React DevTools displays the props of the selected component.</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 16.12.0<br>
Chrome 79.0.3945.88<br>
IDK</p>