Before you ask, yes I have gone through all the threads. I have updated my _app.js with the code as requested:
import "@/styles/globals.css";
import { createConfig, configureChains, mainnet } from "wagmi";
import { publicProvider } from "wagmi/providers/public";
import { InjectedConnector } from "wagmi/connectors/injected";
import { WalletConnectConnector } from "wagmi/connectors/walletConnect";
const { chains, publicClient } = configureChains([mainnet], [publicProvider()]);
import { WagmiConfig } from "wagmi";
const config = createConfig({
connectors: [
new InjectedConnector({ chains }),
new WalletConnectConnector({
chains,
options: {
projectId: "...",
},
}),
],
publicClient,
});
export default function App({ Component, pageProps }) {
return (
<>
<WagmiConfig config={config}>
<Component {...pageProps} />
</WagmiConfig>
</>
);
}
However still get the following error: TypeError: (0 , wagmi__WEBPACK_IMPORTED_MODULE_2__.createConfig) is not a function
