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

  • 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.

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

1 Like

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.

1 Like

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?