title: React Error: "SharedArrayBuffer is not defined" in Firefox
body: <p>I have a React app, created with 'create-react-app' (I also use jsdom NPM package), and for some reason, the application throws an error on load <strong>Only in Firefox</strong> (works fine in Chrome &amp; Edge).
  <br />
  Here is the error:</p>
  <pre><code>ReferenceError: SharedArrayBuffer is not defined
  ./node_modules/jsdom/node_modules/webidl-conversions/lib/index.js
  C:/Or/Web/WorldCovid/WorldCovid/node_modules/jsdom/node_modules/webidl-conversions/lib/index.js:347
  
    344 | 
    345 | const abByteLengthGetter =
    346 |     Object.getOwnPropertyDescriptor(ArrayBuffer.prototype, &quot;byteLength&quot;).get;
  &gt; 347 | const sabByteLengthGetter =
    348 |     Object.getOwnPropertyDescriptor(SharedArrayBuffer.prototype, &quot;byteLength&quot;).get;
    349 | 
    350 | function isNonSharedArrayBuffer(V) {
  </code></pre>
  <p>After some Googling I found:<br />
  &quot;To enable SharedArrayBuffer in Firefox, go to about:config and set the javascript.options.shared_memory preference to true&quot; (<a href="https://github.com/ggerganov/kbd-audio/issues/9" rel="noreferrer">https://github.com/ggerganov/kbd-audio/issues/9</a>)
  <br />
  The problem is that it was already enabled to true.<br /></p>
  <p>Did anyone face this issue before?
  Thanks.</p>
  <p>UPDATE:</p>
  <p>Tried to convert to:<br /></p>
  <pre><code>const shared = new SharedArrayBuffer(1024);
  
  const abByteLengthGetter =
      Object.getOwnPropertyDescriptor(ArrayBuffer.prototype, &quot;byteLength&quot;).get;
  const sabByteLengthGetter =
      Object.getOwnPropertyDescriptor(shared.prototype, &quot;byteLength&quot;).get;
  </code></pre>
  <p>Still get the same error (different line to the SharedArrayBuffer  object).</p>