[bug] WalletConnect option works on localhost but not in production about rainbowkit

[DanielSinclair]

@ZeroTimeDrift I was able to replicate the issue on your deployment. The URI appears correct, so this could be a bundler or Next.js config issue. I also suspect there could be a CORS issue that blocks WalletConnect calls. Can you share a code sample or CodeSandbox? Please also double check that you've verified and whitelisted the domain via WalletConnect Cloud.

[glitch-txs]

Are you using nextjs? Could you share your next.config.js if so?

[ZeroTimeDrift]

Resolved the issue, @DanielSinclair made a v. good point about the nextjs config, it's related to swcMinify

/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: false,
swcMinify: false,
eslint: {
ignoreDuringBuilds: true,
},
images: {
remotePatterns: [
{
protocol: 'https',
hostname: '',
port: '',
pathname: '',
},
],
},
}

module.exports = nextConfig

When swcMinify was set to true WC2 was throwing up a tonne of errors. Fixed now, thank you.

[DanielSinclair]

@ZeroTimeDrift Have you obtained a valid projectId? Also, are you using a VPN? WalletConnect is not supported and/or blocked via firewalls in some regions.

[ZeroTimeDrift]

Hey @DanielSinclair, I have a valid projectId, I can confirm I am also not using any VPNs. I've also tested this in multiple environments - you can check the staging URL at https://staging.moongate.one/

[ZeroTimeDrift]

@DanielSinclair You are totally right, wc2 works on npm run dev but fails to work on builds - any reason that might be from building?