worked around SharedArrayBuffer cross-origin isolation warning in app.js

see facebook/react#20829
stefanibus · Mar 27, 2021 · 5c197fd · 5c197fd
1 parent 8266792
commit 5c197fd
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 14 deletions.
diff --git a/.next/server/pages-manifest.json b/.next/server/pages-manifest.json
@@ -2,7 +2,5 @@
   "/_app": "pages/_app.js",
   "/_error": "pages/_error.js",
   "/_document": "pages/_document.js",
-  "/": "pages/index.js",
-  "/api/pens/[id]": "pages/api/pens/[id].js",
-  "/api/users/[id]": "pages/api/users/[id].js"
+  "/": "pages/index.js"
 }
diff --git a/.next/server/pages/_app.js b/.next/server/pages/_app.js
diff --git a/.next/static/chunks/pages/_app.js b/.next/static/chunks/pages/_app.js
diff --git a/.next/static/chunks/webpack.js b/.next/static/chunks/webpack.js
diff --git a/pages/_app.js b/pages/_app.js
@@ -7,6 +7,8 @@ function MyApp({ Component, pageProps }) {
       <Head>
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32_fingerprint.png"/>
+    {/* https://github.com/facebook/react/issues/20829 */}
+        <script> if (!crossOriginIsolated) SharedArrayBuffer = ArrayBuffer </script>
       </Head>
       <Component {...pageProps} />
     </>

diff --git a/pages/index.js b/pages/index.js
@@ -381,10 +381,10 @@ const Index = () => {
         }
 
 
-    const HandleProjectNameChange = (e) => {     // Stefano: controlled States = this is also still unfinished business
+    const HandleProjectNameChange = e => {     // Stefano: controlled States = this is also still unfinished business
         setProjectName(e.target.value)
     }
-    const HandleLongURL_Change = (e) => { // console.log('HandleLongURL_Change:  ' , e.target.value ) ;
+    const HandleLongURL_Change = e => { // console.log('HandleLongURL_Change:  ' , e.target.value ) ;
         setLongurlValue(e.target.value)
     }
 
@@ -429,7 +429,7 @@ const Index = () => {
           <br/>
           <input value={longurlValue} className={` longURLInput form-control form-input `}
           style={{ display: "none" }} placeholder="enter any valid Internet-Website-Adress here (or look at examples)"
-          onChange={(e) => { HandleLongURL_Change(e); }} >
+          onChange={HandleLongURL_Change} >
           </input>
           <span className={` newProjectButtons  `} style={{ display: "none" }}>
 
@@ -452,8 +452,7 @@ const Index = () => {
                             style={{ visibility: "hidden" }}
                             value={projectName}
                             placeholder="provide Project Name"
-                            onChange={(e) => {
-                              HandleProjectNameChange(e)}}
+                            onChange={ HandleProjectNameChange }
                             >
                            </input>
                           <button