@reown/[email protected]

Patch Changes

• #5378 2867bfd Thanks @magiziz! - Fixed an issue where profile wallets tabs were shown in the wrong order

• #5364 d186212 Thanks @magiziz! - Fixed an issue where wallet buttons were not working in the in-app wallet browser

• #5297 e330f62 Thanks @enesozturk! - Implements new useAppKitWallets hook to let users build custom connect user interfaces.

  Features

  • List, and connect with extension wallets.
  • List, search and connect the WalletConnect wallets.
  • Multi-chain.
  • Multi-platform.

  Examples

  Listing injected wallets:

  const { data } = useAppKitWallets()
  
  const injectedWallets = data.filter(wallet => wallet.isInjected)
  
  injectedWallets.map(wallet => {
    return <WalletItem name={wallet.name} imageSrc={wallet.imageUrl} />
  })

  Listing WalletConnect wallets:

  const { data } = useAppKitWallets()
  
  const wcWallets = data.filter(wallet => !wallet.isInjected)
  
  wcWallets.map(wallet => {
    return <WalletItem name={wallet.name} imageSrc={wallet.imageUrl} />
  })

  Connecting to a wallet:

  const { connect } = useAppKitWallets()
  ...
  await connect(wallet)

• Updated dependencies [2867bfd, ecf1794, d186212, e330f62]:

  • @reown/[email protected]
  • @reown/[email protected]
  • @reown/[email protected]
  • @reown/[email protected]
  • @reown/[email protected]