wagmi updates

gatsby-node.js

@@ -147,7 +147,7 @@ exports.onPostBuild = async ({ graphql }) => {
   return Promise.resolve()
 }
 
-exports.onCreateWebpackConfig = ({ actions }) => {
+exports.onCreateWebpackConfig = ({ actions, stage, loaders }) => {
   actions.setWebpackConfig({
     resolve: {
       fallback: {
@@ -155,4 +155,17 @@ exports.onCreateWebpackConfig = ({ actions }) => {
       }
     }
   })
+
+  if (stage === 'build-html') {
+    actions.setWebpackConfig({
+      module: {
+        rules: [
+          {
+            test: /@ethersproject/,
+            use: loaders.null()
+          }
+        ]
+      }
+    })
+  }
 }

src/helpers/rainbowkit.ts

@@ -4,8 +4,8 @@ import { infuraProvider } from 'wagmi/providers/infura'
 import { publicProvider } from 'wagmi/providers/public'
 
 export const { chains, provider } = configureChains(
-  [chain.mainnet, chain.polygon, chain.optimism, chain.arbitrum, chain.rinkeby],
+  [chain.mainnet, chain.polygon, chain.optimism, chain.arbitrum],
-  [infuraProvider({ infuraId: process.env.INFURA_ID }), publicProvider()]
+  [infuraProvider({ apiKey: process.env.INFURA_ID }), publicProvider()]
 )
 
 export const { connectors } = getDefaultWallets({

src/pages/thanks.tsx

@@ -15,7 +15,7 @@ import {
 import Web3Donation from '../components/molecules/Web3Donation'
 import Copy from '../components/atoms/Copy'
 import { RainbowKitProvider } from '@rainbow-me/rainbowkit'
-import { WagmiProvider } from 'wagmi'
+import { WagmiConfig } from 'wagmi'
 import { chains, theme, wagmiClient } from '../helpers/rainbowkit'
 
 function Coin({ address, title }: { address: string; title: string }) {
@@ -58,11 +58,11 @@ export default function Thanks(): ReactElement {
           <h1 className={title}>Say Thanks</h1>
         </header>
 
-        <WagmiProvider client={wagmiClient}>
+        <WagmiConfig client={wagmiClient}>
           <RainbowKitProvider chains={chains} theme={theme}>
             <Web3Donation address={author.ether} />
           </RainbowKitProvider>
-        </WagmiProvider>
+        </WagmiConfig>
 
         <div className={styleCoins}>
           <h3 className={subTitle}>