Error: User rejected methods.

[ysfkel]

I am getting error Error: User rejected methods. when i try to connect with metamask from
my react provider config is below .Is there something I am wrong ?

import { createWeb3Modal } from "@web3modal/wagmi/react";
import { WagmiProvider, createConfig, http } from "wagmi";
import { anvil, arbitrum, mainnet, sepolia } from "wagmi/chains";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { ReactNode } from "react";
import { injected, metaMask, walletConnect } from "wagmi/connectors";
import { getEthereumChain } from "../blockchain/chain";

const queryClient = new QueryClient();

const projectId = import.meta.env.VITE_WALLET_CONNECT_PROJECT_ID;

const metadata = {
  name: "FWB",
  description: "FWB TOKEN BRIDGE",
  url: import.meta.env.VITE_APP_URL, // origin must match your domain & subdomain
  icons: ["https://avatars.githubusercontent.com/u/37784886"],
};

const getChains = () => {
  if (!getEthereumChain()?.id) throw new Error("UNSET VITE_ETHEREUM_CHAIN_ID");
  if (getEthereumChain()?.id === mainnet.id) {
    return [mainnet] as const;
  } else {
    return [anvil, arbitrum, mainnet, sepolia] as const;
  }
};

export const config = createConfig({
  chains: getChains(),
  connectors: [
    injected(),
    metaMask(),
    walletConnect({
      metadata,
      projectId,
      relayUrl: "wss://relay.walletconnect.org",
      showQrModal: true,
      qrModalOptions: {
        themeMode: "dark",
      },
    }),
  ],
  transports: {
    [anvil.id]: http(),
    [arbitrum.id]: http(),
    [mainnet.id]: http(),
    [sepolia.id]: http(),
  },
});

createWeb3Modal({
  themeMode: "dark",
  themeVariables: {
    "--w3m-color-mix": "#00BB7F",
    "--w3m-color-mix-strength": 0,
    "--w3m-border-radius-master": "0 !important",
  },
  wagmiConfig: config,
  projectId,
  enableAnalytics: true, // Optional - defaults to your Cloud configuration
  enableOnramp: false, // Optional - false as default
});

export function MyWagmiProvider({ children }: { children: ReactNode }) {
  return (
    <WagmiProvider config={config}>
      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
    </WagmiProvider>
  );
}

[sudovag3]

Hey, @ysfkel, did you solve this problem?