wagmi: [bug] useProvider isn't returning the correct provider when using Hardhat locally

Is there an existing issue for this?

• I have searched the existing issues

Package Version

0.3.2

Current Behavior

When you connect your Metamask wallet to a local hardhat node (running on localhost:8545), and then connect this wallet to a React app using wagmi, the output of the useProvider() hook returns a provider connected to homestead, instead of the local hardhat node.

Furthermore, useContractRead & useToken also use the default homestead-connected provider (instead of a provider connected to the local hardhat node), whereas useContractWrite correctly uses a provider/signer connected to the local hardhat node.

Expected Behavior

When you connect a Metamask wallet (connected to a localhost hardhat node) with wagmi:

1. The useProvider hook should return a provider connected to this local hardhat node, and not a provider connected to homestead.

2. Hooks like useToken & useContractRead should use a provider connected to the local hardhat node, and not one connected to homestead.

Steps To Reproduce

I’ve created a mini repro example showing this behavior at: https://codesandbox.io/s/cool-platform-0u6n2z?file=/src/index.tsx

Basically, once you connect a Metamask wallet (that’s connected to a local hardhat node), you’ll see that the useProvider() hook returns a provider that’s connected to homestead instead.

If Codesandbox shows an error with importing import { InjectedConnector } from "wagmi/connectors/injected";, simply comment out this import line (line 3 @ App.tsx), save file (cmd/ctrl+s), uncomment this import line, save file (cmd/ctrl+s), and everything should work again.

Link to Minimal Reproducible Example (CodeSandbox, StackBlitz, etc.)

https://codesandbox.io/s/cool-platform-0u6n2z?file=/src/index.tsx

Anything else?

No response