fix: Only enable WalletConnect when valid project ID is configured
- Skip WalletConnect connector if VITE_WALLETCONNECT_PROJECT_ID is not set - MetaMask and other injected wallets still work without WalletConnect - Add helpful console warning in dev mode when WalletConnect is disabled - Prevents 401 errors from WalletConnect API with placeholder project ID 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
156c402169
commit
7debeb598f
|
|
@ -16,21 +16,26 @@ import { injected, walletConnect } from 'wagmi/connectors';
|
||||||
// =============================================================================
|
// =============================================================================
|
||||||
|
|
||||||
// WalletConnect Project ID - get one at https://cloud.walletconnect.com/
|
// WalletConnect Project ID - get one at https://cloud.walletconnect.com/
|
||||||
// For development, we'll use a placeholder that will show a warning
|
// Only include WalletConnect if a valid project ID is provided
|
||||||
const WALLETCONNECT_PROJECT_ID = import.meta.env.VITE_WALLETCONNECT_PROJECT_ID || 'YOUR_PROJECT_ID';
|
const WALLETCONNECT_PROJECT_ID = import.meta.env.VITE_WALLETCONNECT_PROJECT_ID;
|
||||||
|
const hasValidWalletConnectId = WALLETCONNECT_PROJECT_ID &&
|
||||||
|
WALLETCONNECT_PROJECT_ID !== 'YOUR_PROJECT_ID' &&
|
||||||
|
WALLETCONNECT_PROJECT_ID.length > 10;
|
||||||
|
|
||||||
// Supported chains
|
// Supported chains
|
||||||
const chains = [mainnet, optimism, arbitrum, base, polygon] as const;
|
const chains = [mainnet, optimism, arbitrum, base, polygon] as const;
|
||||||
|
|
||||||
// Create wagmi config
|
// Build connectors array - always include injected, optionally include WalletConnect
|
||||||
const config = createConfig({
|
const connectors = [
|
||||||
chains,
|
// Injected wallets (MetaMask, Coinbase Wallet, etc.) - always available
|
||||||
connectors: [
|
injected({
|
||||||
// Injected wallets (MetaMask, Coinbase Wallet, etc.)
|
shimDisconnect: true,
|
||||||
injected({
|
}),
|
||||||
shimDisconnect: true,
|
];
|
||||||
}),
|
|
||||||
// WalletConnect v2 (for mobile wallets)
|
// Only add WalletConnect if we have a valid project ID
|
||||||
|
if (hasValidWalletConnectId) {
|
||||||
|
connectors.push(
|
||||||
walletConnect({
|
walletConnect({
|
||||||
projectId: WALLETCONNECT_PROJECT_ID,
|
projectId: WALLETCONNECT_PROJECT_ID,
|
||||||
showQrModal: true,
|
showQrModal: true,
|
||||||
|
|
@ -40,8 +45,19 @@ const config = createConfig({
|
||||||
url: typeof window !== 'undefined' ? window.location.origin : 'https://jeffemmett.com',
|
url: typeof window !== 'undefined' ? window.location.origin : 'https://jeffemmett.com',
|
||||||
icons: ['https://jeffemmett.com/favicon.ico'],
|
icons: ['https://jeffemmett.com/favicon.ico'],
|
||||||
},
|
},
|
||||||
}),
|
})
|
||||||
],
|
);
|
||||||
|
} else if (import.meta.env.DEV) {
|
||||||
|
console.warn(
|
||||||
|
'[Web3Provider] WalletConnect disabled - no valid VITE_WALLETCONNECT_PROJECT_ID set.\n' +
|
||||||
|
'Get a project ID at https://cloud.walletconnect.com/ to enable mobile wallet support.'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Create wagmi config
|
||||||
|
const config = createConfig({
|
||||||
|
chains,
|
||||||
|
connectors,
|
||||||
transports: {
|
transports: {
|
||||||
[mainnet.id]: http(),
|
[mainnet.id]: http(),
|
||||||
[optimism.id]: http(),
|
[optimism.id]: http(),
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue