[Docs]: MetaMask SDK does not seem to work with basic Wagmi docs.

[httpJunkie]

SDK

Web

Provide environment information

We had several hackers try to use MM SDK with Wagmi, only one was successful. We had no documentation to give to hackers except what was available on wagmi docs and now what is available on MetaMask SDK Docs. The DevRel and RAD team have also had issues getting MetaMask SDK to work in a basic ViteJS application. We have provided code at https://github.com/Consensys/create-web3-template and are creating this issue to help solve.

What we would like is a PR if possible with the changes needed for to show what the SDK engineering team suggests as far as setup, configuration and make this dapp work with SDK or SDK React UI.

If we can either get this code updated with the right config and setup or publish official docs that can help us.

MetaMask SDK Version

0.15.0

MetaMask Mobile app Version

N/A

What browser are you using? (if relevant)

Chrome

How are you deploying your application? (if relevant)

local build

Describe the Bug

May not be a bug, but we don't have a better. category for filing issues with documentation. Information is above.

Expected Behavior

For MetaMask SDK to work with basic Vite, Wagmi config without using any of the third party libraries like ConnectKit, RainboKit, etc... Outside of basic configuration of the Connector neither Wagmi or MetaMask docs do not seem to suggest what additional setup (of provider and use of hooks or suggested handleConnect) or usage from within a component (similar to the ConnectButton component in the repo referenced in this issue).

We are using the @metamask/sdk-react, but should we suggest using the @metamask/sdk-react-ui.

Also, the steps in that page don't indicate to a new dev where the code should be used. But I could make suggestions once we have a working repo.

Link to reproduction - Issues with a link to complete (but minimal) reproduction code will be addressed faster

No response

To Reproduce

Follow Wagmi docs and run vitejs project.