ethers-provider-ethereum.js

import { ethers } from "ethers"
import { update } from "./store"

const provider = new ethers.providers.Web3Provider(window.ethereum)

provider.on("network", (oldNetwork, newNetwork) => update(state => ({
  ...state,
  chainId: ( newNetwork ?? oldNetwork ).chainId
})))

provider.getNetwork().then(({ chainId }) => update(state => ({
  ...state,
  chainId
})))

window.ethereum.on("accountsChanged", accounts => update(state => ({
  ...state,
  accounts
})))

window.ethereum.on("disconnect", () => update(state => ({
  ...state,
  connected: false,
  accounts: []
})))

function connect() {
  window.ethereum
  .request({ method: "eth_requestAccounts" })
  .then(accounts => update(state => ({
    ...state,
    connected: accounts.length > 0,
    accounts
  })))
}