Please help me with wagmi connector issues

[CodeMaster1022]

Hey!

We're using WAGMI + viem for a little while now, appreciate it.

However, we've been getting, randomly, without any way to reproduce nor debug, users complaining about impossibility to connect - sometimes fixed magically.

Error messages are often "Connector not found" or "Connector already connected" - finding little to nothing online about it, so I was wondering: is anyone also experiencing this, is there any troubleshoot, workaround, reasons for these?

Our front-end: mobula.fi

[venuswhispers]

Can u share your codebase so that we can check?

[CodeMaster1022]

import React from "react";
import {
  RainbowKitProvider,
  darkTheme,
  lightTheme,
  AvatarComponent
} from "@rainbow-me/rainbowkit";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { WagmiProvider } from "wagmi";
import { config } from "@/constants/wagmiConfig";
import Image from "next/image";

const queryClient = new QueryClient();

const CustomAvatar: AvatarComponent = ({ address, ensImage, size }) => 
  <Image
    src={'/img/martian.png'}
    width={size}
    height={size}
    alt="avatar" 
    className="rounded-full"
  />

const RainbowProvider = ({ children }: { children: React.ReactNode }) => {
  return (
    <WagmiProvider config={config}>
      <QueryClientProvider client={queryClient}>
        <RainbowKitProvider avatar={CustomAvatar} theme={darkTheme()}>
          {children}
        </RainbowKitProvider>
      </QueryClientProvider>
    </WagmiProvider>
  );
};
export default RainbowProvider;

[venuswhispers]

Ah, I see
maybe you are using wagmi version 1?
You need to upgrate to wagmi v2, and its more reliable and please uninstall your whole modules.
and after clearing all cache, please reinstall it

[0x001828]

Hi, Codemaster, did you solve your issue?