chore(browser-playground): add support for local nodes via wagmi (#246)

Author: wenfix

playground/browser-playground/CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Add `localhost` to wagmi's configured chains ([#246](https://github.com/MetaMask/connect-monorepo/pull/246))
 - Bump wagmi from `^2.19.2` to `^3.5.0` and apply v3 migration changes: use `useConnectors()` instead of `useConnect().connectors`, `useChains()` instead of `useSwitchChain().chains`, and rename `useAccount` to `useConnection` ([#233](https://github.com/MetaMask/connect-monorepo/pull/233))
 - Bump `@wagmi/core` from `^2.22.1` to `^3.4.0` ([#233](https://github.com/MetaMask/connect-monorepo/pull/233))
 - Bump `@tanstack/react-query` from `>=5.45.1` to `^5.90.21` ([#233](https://github.com/MetaMask/connect-monorepo/pull/233))

playground/browser-playground/src/wagmi/config.ts

@@ -1,11 +1,11 @@
 /* eslint-disable no-restricted-globals -- Browser playground uses window */
 import { createConfig, http } from 'wagmi';
-import { mainnet, sepolia, optimism, celo } from 'wagmi/chains';
+import { mainnet, sepolia, optimism, celo, localhost } from 'wagmi/chains';
 
 import { metaMask } from './metamask-connector';
 
 export const wagmiConfig = createConfig({
-  chains: [mainnet, sepolia, optimism, celo],
+  chains: [mainnet, sepolia, optimism, celo, localhost],
   connectors: [
     metaMask({
       dapp: {
@@ -19,6 +19,7 @@ export const wagmiConfig = createConfig({
     [sepolia.id]: http(),
     [optimism.id]: http(),
     [celo.id]: http(),
+    [localhost.id]: http(),
   },
 });