[Archive] The Metamask wallet doesn't show in the React chrome extension

:classical_building: Archived Content from Web3Auth Community

This topic was originally posted by teh.wolf73 on 6/13/2023.
This content has been migrated from our previous community forum to preserve valuable discussions.


  • SDK Version: ^5.2.0
  • Platform: Chrome extension

The Metamask wallet button is shown in the web3auth modal when the React project is used as a web application on localhost:3000, but the Metamask wallet button isn’t shown when the React project is built and used as a Chrome extension. You can see the walkthrough video from the following link.
https://www.veed.io/view/104de478-d989-4e8c-b196-618c9329a28e?panel=share

Also this is the screenshot of the inspect element of the Chrome extension app.

react chrome extension - metamask issue
react chrome extension - metamask issue1412×862 113 KB

Hey @teh.wolf73

Please try with the latest SDK Version: ^6.0.0

Thank you very much for your support.
I tried the latest version as you mentioned but I had the same issue as the previous version. Please see the walkthrough video and let me know your idea on how to solve this issue.

The video link:

Thanks

Did you see my previous message? I added the walkthrough video
Thanks for your support

@ shahbaz
Would you please take a look at the walkthrough video
Thanks

Walkthrough vide link:

Hi @teh.wolf73,

We are currently addressing this issue and anticipate its resolution in forthcoming versions.

Thanks

Any updates regarding this issue?

Any updates regarding this issue?

Hi @teh.wolf73, Sorry for the late response on this.

The team is currently working on this and expect the solution to be released soon

Thanks

Any updates regarding this issue?

Our team are continuing to work on this and expect the solution to be released tentatively by the end of this month.

Hello @teh.wolf73 , for building a chrome extension, we don’t recommend using web3auth pnp.
Pls use core kit as it would allow you to customize the experience for your users.
The plug n play sdk isn’t designed to support connecting to other chrome extensions from a chrome extension.

Thanks,

Thank you for the response.
Is there any example how to do it in a Chrome extension project?