Not able to add new chain in WalletConnect

[yonathanavila]

I need to send add new chain request when the user is connected with Walletconnect already

• I try to extend the method WalletConnectConnector from 'wagmi/connectors/walletConnect' to add this functionallity, But I have not been lucky, If anyone else know how to do this implementation for the easy way let me know``

`
export default class WalletConnectConnectorExtended extends WalletConnectConnector {

async onChainChanged(chainId: number) {
    const provider = await this.getProvider();
    if (!provider) throw new ConnectorNotFoundError();
    const id = hexValue(chainId);

    try {
        await provider.request({
            method: 'wallet_switchEthereumChain',
            params: [{ chainId: id }],
        });
        return (
            this.chains.find((x) => x.id === chainId) ?? {
                id: chainId,
                name: `Chain ${id}`,
                network: `${id}`,
                rpcUrls: { default: '' },
            }
        );
    } catch (error) {
        const chain = this.chains.find((x) => x.id === chainId);
        if (!chain) throw new ChainNotConfiguredError();
        console.log(error);
        console.log(error.code);
        console.log(error.message);
        // Indicates chain is not added to provider
        if (
            (<ProviderRpcError>error).code === 4902 ||
            // Unwrapping for MetaMask Mobile
            // https://github.com/MetaMask/metamask-mobile/issues/2944#issuecomment-976988719
            (<RpcError<{ originalError?: { code: number } }>>error)?.data
                ?.originalError?.code === 4902
        ) {
            try {
                const blockExplorerUrls = this.getBlockExplorerUrls(chain);
                await provider.request({
                    method: 'wallet_addEthereumChain',
                    params: [
                        {
                            chainId: id,
                            chainName: chain.name,
                            nativeCurrency: chain.nativeCurrency,
                            rpcUrls: [chain.rpcUrls.public ?? chain.rpcUrls.default],
                            blockExplorerUrls:
                                !blockExplorerUrls || blockExplorerUrls.length === 0
                                    ? null
                                    : blockExplorerUrls,
                        },
                    ],
                });
                return chain;
            } catch (addError) {
                throw new AddChainError();
            }
        }

        throw new SwitchChainError(error);
    }
}

}

`