useEffect(() => {
const loadProvider =async () => {
const provider = await detectEthereumProvider()
if (provider) {
const web3 = new Web3(provider);
setWeb3Api({
provider: provider,
web3: web3,
contract: null,
isLoading: false
});
} else {
setWeb3Api({
...web3Api,
isLoading: false
});
console.error('Please install MetaMask!')
}
}
loadProvider();
}, [])