Adds a hidden LocalSharedArrayBuffer component that enables liquidity…

… mining charts to load on localhost when using mainnet (#1381)

src/app/components/LocalSharedArrayBuffer/index.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { currentNetwork } from '../../../utils/classifiers';
+export function LocalSharedArrayBuffer() {
+  if (process.env.NODE_ENV === 'development' && currentNetwork === 'mainnet') {
+    // See https://github.com/facebook/react/issues/20829#issuecomment-802088260
+    return (
+      <script>
+        if (!crossOriginIsolated) SharedArrayBuffer = ArrayBuffer;
+      </script>
+    );
+  }
+
+  return null;
+}
+LocalSharedArrayBuffer();

src/app/pages/LiquidityMining/index.tsx

@@ -18,6 +18,7 @@ import { useMaintenance } from 'app/hooks/useMaintenance';
 import { discordInvite } from 'utils/classifiers';
 import { useFetch } from 'app/hooks/useFetch';
 import { backendUrl, currentChainId } from 'utils/classifiers';
+import { LocalSharedArrayBuffer } from 'app/components/LocalSharedArrayBuffer';
 
 const pools = LiquidityPoolDictionary.list();
 
@@ -41,6 +42,7 @@ export function LiquidityMining() {
 
   return (
     <>
+      <LocalSharedArrayBuffer />
       <Helmet>
         <title>{t(translations.escrowPage.meta.title)}</title>
         <meta