rainbow-me
[bug] Safe wallet never connects in Safe context
Is there an existing issue for this?
- [X] I have searched the existing issues
RainbowKit Version
2.1.4
wagmi Version
2.12.5
Current Behavior
When I click on the Safe wallet option, the screen hangs with a message saying ‘Confirm connection in the extension,’ but the Safe wallet never actually connects.
Expected Behavior
Upon clicking ‘Safe’ from the wallet selection modal, it should connect to the Safe multisig wallet, but the connection hangs, showing ‘Confirm connection in the extension,’ and the Safe wallet never connects.
Steps To Reproduce
I've created a MRE repo here: https://github.com/bitsforpeace/react-vite-rainbowkit
Simply run the app (pnpm install && pnpm dev) and attempt to connect to a safe wallet from within the safe wallet context.
Link to Minimal Reproducible Example (CodeSandbox, StackBlitz, etc.)
https://github.com/bitsforpeace/react-vite-rainbowkit
Anything else?
I’ve tried this with multiple Vite apps, and they all experience the same issue—hanging on ‘Confirm connection in the extension’ without connecting to the Safe multisig wallet. This makes me wonder if the issue is related specifically to Vite. Unfortunately, there are no logs providing any clues. However, a Next.js app with the same wallet and configuration setup has no issue connecting.
@bitsforpeace Can you give our example dApp a try in your Safe Browser? https://rainbowkit-example.vercel.app I wasn't able to reproduce there. Lmk if you see any errors. It is possible this would be isolated to Vite.
@bitsforpeace Can you give our example dApp a try in your Safe Browser?
https://rainbowkit-example.vercel.appI wasn't able to reproduce there. Lmk if you see any errors. It is possible this would be isolated to Vite.
Hey @DanielSinclair. I was able to connect using the Safe Browser with the example app you provided. Is it built using Vite? If so, could you please share the source code?