Я использую хук useConnect и иногда вижу три варианта кошелька:
- Внедренный
- MetaMask
- WalletConnect
Я хочу разрешить только ДВА кошелька:
- MetaMask
/> - WalletConnect
Код: Выделить всё
const { connect, connectors } = useConnect();
Вопросы
- Почему Wagmi v2 иногда показывает Injected вместе с MetaMask?
- Почему отображается список кошельков изменить один из 1, 2 или 3 вариантов?
- Как правильно ограничить параметры кошелька только MetaMask и WalletConnect?
- Как сделать список кошельков согласованным?
Код: Выделить всё
import { createConfig, http } from "wagmi";
import { mainnet, sepolia } from "wagmi/chains";
import { injected, walletConnect } from "wagmi/connectors";
const projectId = process.env.REACT_APP_WALLETCONNECT_PROJECT_ID;
const connectors = [
injected({
chains: [mainnet, sepolia],
}),
...(projectId
? [
walletConnect({
projectId,
metadata: {
name: "MyApp",
description: "My application",
url: window.location.origin,
icons: [],
},
}),
]
: []),
];
export const config = createConfig({
chains: [mainnet, sepolia],
connectors,
transports: {
[mainnet.id]: http(),
[sepolia.id]: http(),
},
autoConnect: true,
});
- React (Vite)
- Wagmi v2
- Viem
- Установлено расширение браузера MetaMask
- WalletConnect v2
Подробнее здесь: https://stackoverflow.com/questions/798 ... s-metamask
Мобильная версия