fix flow breaking release

Author: harryEth

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "dependencies": {
     "@magic-ext/flow": "3.1.0",
-    "@onflow/fcl": "0.0.37",
+    "@onflow/fcl": "1.0.2",
     "@onflow/types": "0.0.3",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
@@ -38,4 +38,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

src/App.js

@@ -1,26 +1,19 @@
 import React, { useState, useEffect } from "react";
 import * as fcl from "@onflow/fcl";
-import {Magic} from 'magic-sdk';
-import { FlowExtension } from '@magic-ext/flow';
+import { Magic } from "magic-sdk";
+import { FlowExtension } from "@magic-ext/flow";
 import "./styles.css";
 
-
 // CONFIGURE ACCESS NODE
-fcl.config().put("accessNode.api", "https://access-testnet.onflow.org");
+fcl.config().put("accessNode.api", "https://rest-testnet.onflow.org");
 
-// CONFIGURE WALLET
-// replace with your own wallets configuration
-// Below is the local environment configuration for the dev-wallet
-fcl
-  .config()
-  .put("challenge.handshake", "http://access-001.devnet9.nodes.onflow.org:8000");
 
 
-const magic = new Magic('pk_live_06D5F65BB9CDD2F0', {
+const magic = new Magic("pk_live_06D5F65BB9CDD2F0", {
   extensions: [
     new FlowExtension({
-      rpcUrl: 'https://access-testnet.onflow.org',
-      network: 'testnet'
+      rpcUrl: "https://rest-testnet.onflow.org",
+      network: "testnet"
     })
   ]
 });
@@ -30,7 +23,6 @@ const magic = new Magic('pk_live_06D5F65BB9CDD2F0', {
 // const AUTHORIZATION_FUNCTION = fcl.currentUser().authorization;
 const AUTHORIZATION_FUNCTION = magic.flow.authorization;
 
-
 export default function App() {
   const [email, setEmail] = useState("");
   const [isLoggedIn, setIsLoggedIn] = useState(false);
@@ -40,7 +32,7 @@ export default function App() {
   const [message, setMessage] = useState("");
 
   useEffect(() => {
-    magic.user.isLoggedIn().then(async magicIsLoggedIn => {
+    magic.user.isLoggedIn().then(async (magicIsLoggedIn) => {
       setIsLoggedIn(magicIsLoggedIn);
       if (magicIsLoggedIn) {
         const { publicAddress } = await magic.user.getMetadata();
@@ -61,14 +53,7 @@ export default function App() {
   };
 
   const verify = async () => {
-
     try {
-      const getReferenceBlock = async () => {
-        const response = await fcl.send([fcl.getLatestBlock()])
-        const data = await fcl.decode(response)
-        return data.id
-      }
-
 
       console.log("SENDING TRANSACTION");
       setVerifying(true);
@@ -86,10 +71,10 @@ export default function App() {
         }
       }
     `,
-        fcl.ref(await getReferenceBlock()),
         fcl.proposer(AUTHORIZATION_FUNCTION),
         fcl.authorizations([AUTHORIZATION_FUNCTION]),
-        fcl.payer(AUTHORIZATION_FUNCTION)
+        fcl.payer(AUTHORIZATION_FUNCTION),
+        fcl.limit(9999)
       ]);
       console.log("TRANSACTION SENT");
       console.log("TRANSACTION RESPONSE", response);
@@ -119,7 +104,7 @@ export default function App() {
                   name="email"
                   required="required"
                   placeholder="Enter your email"
-                  onChange={event => {
+                  onChange={(event) => {
                     setEmail(event.target.value);
                   }}
               />
@@ -135,21 +120,17 @@ export default function App() {
               </div>
               <div className="container">
                 <h1>Flow address</h1>
-                <div className="info">
-                    {publicAddress}
-                </div>
+                <div className="info">{publicAddress}</div>
               </div>
               <div className="container">
                 <h1>Verify Transaction</h1>
-                {
-                  verifying ? <div className="sending-status">
-                    Verifying Transaction
-                  </div> : ''
-                }
+                {verifying ? (
+                    <div className="sending-status">Verifying Transaction</div>
+                ) : (
+                    ""
+                )}
                 <div className="info">
-                  <div>
-                    {message}
-                  </div>
+                  <div>{message}</div>
                 </div>
                 <button id="btn-deploy" onClick={verify}>
                   Verify