useDapp connect metamask example
import React from 'react' import ReactDOM from 'react-dom' import { Mainnet, DAppProvider, useEtherBalance, useEthers, Config } from '@usedapp/core' import { formatEther } from '@ethersproject/units' import { getDefaultProvider } from 'ethers' import { MetamaskConnect } from './components/MetamaskConnect' const config: Config = { readOnlyChainId: Mainnet.chainId, readOnlyUrls: { [Mainnet.chainId]: getDefaultProvider('mainnet'), }, } ReactDOM.render( <DAppProvider config={config}> <App /> </DAppProvider>, document.getElementById('root') ) function App() { const { account, deactivate } = useEthers() const etherBalance = useEtherBalance(account) return ( <div> <MetamaskConnect /> {account && <button onClick={() => deactivate()}>Disconnect</button>} {etherBalance && ( <div className="balance"> <br /> Balance: <p className="bold">{formatEther(etherBalance)}</p> </div> )} </div> ) }