search

thirdweb-dev / js

Best in class web3 SDKs for Browser, Node and Mobile apps
https://thirdweb.com
Apache License 2.0
420 stars 314 forks source link

Icon Missing for Metamask in Thirdweb ConnectWallet Component on React Native #4001

Closed jimit-raval-sf closed 3 weeks ago

jimit-raval-sf commented 1 month ago

Description: I am encountering an issue when trying to connect my wallet using the ConnectWallet component from Thirdweb in a React Native project. Specifically, when I connect to Metamask, the Metamask icon does not appear within the Connected Wallet as expected.

Steps to Reproduce:

Integrate the Thirdweb ConnectWallet component into a React Native project. Attempt to connect a Metamask wallet. Notice that the Metamask icon is missing from the Connected Wallet.

What I've Tried: I attempted to create a custom component to address this issue, but it did not resolve this problem.

Expected Behavior: The Metamask icon should be displayed correctly within the ConnectWallet component after the successful connection.

Image_20240807_190752_041 Screenshot 2024-08-08 at 6 11 40 PM Screenshot 2024-08-08 at 6 12 29 PM

joaquim-verges commented 1 month ago

@jimit-raval-sf i highly recommend switching to v5 of the sdk (thirdweb package)

https://portal.thirdweb.com/react-native/v5

it follows the same API as react, so you can use all of the functionality there, including UI components and hooks