Forbidden Response for getWallets Request Using Web3Modal in React

[Aquasylum]

I'm working on integrating WalletConnect into my React app using Web3Modal, wagmi, and @web3modal/wagmi/react. My current setup involves the following configuration:

import { createWeb3Modal, useWeb3ModalTheme } from "@web3modal/wagmi/react";
import { defaultWagmiConfig } from "@web3modal/wagmi/react/config";
import { ReactNode } from "react";

import { WagmiProvider } from "wagmi";
import { arbitrum, bsc, mainnet, polygon } from "wagmi/chains";

interface Web3ModalProviderProps {
   children: ReactNode;
}

// 1. Get projectId from https://cloud.walletconnect.com
const projectId = "72c5504d7004e0e5f13e324ed2096ce2";

// 2. Create wagmiConfig
const metadata = {
   name: "Web3Modal",
   description: "Web3Modal Example",
   url: "http://localhost:", // origin must match your domain & subdomain
   icons: ["https://avatars.githubusercontent.com/u/37784886"],
};

const chains = [mainnet, polygon, bsc] as const;
const config = defaultWagmiConfig({
   chains,
   projectId,
   metadata,
});

// 3. Create modal
createWeb3Modal({
   wagmiConfig: config,
   projectId,
   enableAnalytics: true, // Optional - defaults to your Cloud configuration
   enableOnramp: true, // Optional - false as default
   themeMode: "dark",
   themeVariables: {
       "--w3m-accent": "#ff7800",
   },
});

export function Web3ModalProvider({ children }: Web3ModalProviderProps) {
   return <WagmiProvider config={config}>{children}</WagmiProvider>;
}

I’m encountering an issue where the getWallets request is returning a 403 Forbidden response. I’m unsure if this is a misconfiguration of my WalletConnect project ID or some other issue. It was working and now it has just stopped working. I am still just running this locally so not sure if its maybe something to do with the config being incorrect in the Wallet Connect(Reown) dashboard.

[itxtoledo]

same here