import Head from 'next/head' import Image from 'next/image' import styles from '../styles/Home.module.css' import { useConnectWallet } from '@web3-onboard/react' import { ethers } from 'ethers' const buttonStyles = { borderRadius: '6px', background: '#111827', border: 'none', fontSize: '18px', fontWeight: '600', cursor: 'pointer', color: 'white', padding: '14px 12px', marginTop: '40px', fontFamily: 'inherit' } export default function Home() { const [{ wallet, connecting }, connect, disconnect] = useConnectWallet() // create an ethers provider let ethersProvider if (wallet) { ethersProvider = new ethers.providers.Web3Provider(wallet.provider, 'any') } return (

Create Next App

Welcome to this demo of{' '} Web3-Onboard!

) }