text: import React, { useState, useEffect } from "react";
  import ArqueMarketPlaceContract from "./contracts/ArqueMarketPlace.json";
  import getWeb3 from "./getWeb3";
  import "./App.css";
  import Connection from "./Connection";
  
  
  
  const App = () => {
  
  
    const [contract, setContract] = useState(undefined);
  
      useEffect(()=> {
        // Get network provider and web3 instance.
        const init = async () => {
          const web3 = await getWeb3();
  
        // Use web3 to get the user's accounts.
        const accounts = await web3.eth.getAccounts();
        // Get the contract instance.
        const networkId = await web3.eth.net.getId();
        const deployedNetwork = ArqueMarketPlaceContract.networks[networkId];
        const instance = new web3.eth.Contract(
          ArqueMarketPlaceContract.abi,
          deployedNetwork && deployedNetwork.address,
        );
        setContract(contract)
        }
        init()
      },[])
          return (
        <Connection/>
        );
    
    }
  export default App; 
  