M4cs
commented
1 year ago modalConnectors() is not working with the connectors argument in createClient for wagmi. When trying to do so it's getting a type error. See below:
yarn run v1.22.19
$ next build
info - Linting and checking validity of types .Failed to compile.
./pages/_app.tsx:22:3
Type error: Type '(WalletConnectConnector | InjectedConnector | CoinbaseWalletConnector)[]' is not assignable to type '(() => Connector<any, any, any>[]) | Connector<any, any, any>[] | undefined'.
Type '(WalletConnectConnector | InjectedConnector | CoinbaseWalletConnector)[]' is not assignable to type 'Connector<any, any, any>[]'.
Type 'WalletConnectConnector | InjectedConnector | CoinbaseWalletConnector' is not assignable to type 'Connector<any, any, any>'.
Type 'WalletConnectConnector' is not assignable to type 'Connector<any, any, any>'.
Property 'onAccountsChanged' is protected but type 'WalletConnectConnector' is not a class derived from 'Connector<Provider, Options, Signer>'.
20 | const wagmiClient = createClient({
21 | autoConnect: true,
> 22 | connectors: modalConnectors({ appName: "pwa-secret", chains }),
| ^
23 | provider,
24 | });
25 |
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
1 ❯ pwa-secret-app -> main ? !Anyway around this?
nhardy
xzilja
timefordroids
inartin
archae0pteryx
Hi everyone, we have released beta.4 which under the hood gets rid of our custom react hooks and controllers and instead provides full support for https://wagmi.sh
Wagmi is a great library that we were already using before, but were not able to provide full integration for until now.
React
Please follow updated documentation to see how to set up web3modal with wagmi.
Once integrated, you will need to replace all
@web3modal/reacthooks with ones fromwagmi. See Wagmi Documentation for all available options. In general this should bring you way more stability and allow to use other wagmi compatible libraries like lens-use for example.HTML / JS
Similar to how react no longer has hooks, vanilla no longer uses controllers. Instead you can import and use core functions like
getAccount/watchAccount/getSigneretc. from@wagmi/corepackage. See updated example for new integration steps.We are working with wagmi team to document
@wagmi/corelib, but meanwhile feel free to ask questions here and use your editors intelisens / typescript autocompletion to see what is available.Feel free to use this issue for further questions.