thirdweb-dev/js

Icon Missing for Metamask in Thirdweb ConnectWallet Component on React Native

jimit-raval-sf opened this issue · 1 comments

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

@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