<p dir="auto">CSS standards have changed, meaning that CSSStyleDeclaration's indexer property does not have a setter. This leads to a script error in setValueForStyles around<br>
</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/21d5f7d32d5becf5c8e986ff0202059be643dc15/packages/react-dom/src/shared/CSSPropertyOperations.js#L82">react/packages/react-dom/src/shared/CSSPropertyOperations.js</a>
    </p>
    <p class="mb-0 color-fg-muted">
         Line 82
      in
      <a data-pjax="true" class="commit-tease-sha" href="/facebook/react/commit/21d5f7d32d5becf5c8e986ff0202059be643dc15">21d5f7d</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="L82" class="blob-num border-0 px-3 py-0 color-bg-default" data-line-number="82"></td>
          <td id="LC82" class="blob-code border-0 px-3 py-0 color-bg-default blob-code-inner js-file-line"> <span class="pl-s1">style</span><span class="pl-kos">[</span><span class="pl-s1">styleName</span><span class="pl-kos">]</span> <span class="pl-c1">=</span> <span class="pl-s1">styleValue</span><span class="pl-kos">;</span> </td>
        </tr>
    </tbody></table>
  </div>
</div>
.<p></p>
<p dir="auto">This was reported to Chrome as <a href="https://crbug.com/951046" rel="nofollow">https://crbug.com/951046</a> and resolved as by-design. Note: This issue is effectively a duplicate of <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="283617676" data-permission-text="Title is private" data-url="https://github.com/facebook/react/issues/11895" data-hovercard-type="issue" data-hovercard-url="/facebook/react/issues/11895/hovercard" href="https://github.com/facebook/react/issues/11895">#11895</a>, but I don't think I have permission to reopen that issue to provide more information.</p>
<p dir="auto">REPRO 1: Visit <a href="http://plumbandbath.co.uk/" rel="nofollow">http://plumbandbath.co.uk/</a><br>
OBSERVE: Full error page with stack trace.</p>
<p dir="auto">REPRO 2:<br>
(1) Visit <a href="https://skylifepro.com/#" rel="nofollow">https://skylifepro.com/#</a><br>
(2) Click Login button at top right</p>
<p dir="auto">EXPECT: Login html appears<br>
OBSERVE: No login feature, script errors in console.</p>
<p dir="auto">Uncaught TypeError: Failed to set an indexed property on 'CSSStyleDeclaration': Index property setter is not supported.<br>
at Object.setValueForStyles (homepage.js?t=1543226156:28)<br>
at m._updateDOMProperties (homepage.js?t=1543226156:29)<br>
at mountComponent (homepage.js?t=1543226156:29)<br>
at Object.mountComponent (homepage.js?t=1543226156:4)<br>
at c.performInitialMount (homepage.js?t=1543226156:29)<br>
at c.mountComponent (homepage.js?t=1543226156:29)<br>
at Object.mountComponent (homepage.js?t=1543226156:4)<br>
at mountChildren (homepage.js?t=1543226156:30)<br>
at m._createInitialChildren (homepage.js?t=1543226156:29)</p>
<p dir="auto">Since this.setState has a callback, it would be sweet if you could use await this.setState!</p>