wagmi: useConfig must be used within WagmiConfig

Is there an existing issue for this?

• I have searched the existing issues

Package Version

1.4.1

Current Behavior

Package version: 1.4.1

I have a react native expo app and I try to integrate wagmi with RainbowKit. After I completed the installation process and open the app I get this error:

Unhandled Rejection (Error): useConfig must be used within WagmiConfig.

This is the implementation code:

const { chains, publicClient, webSocketPublicClient } = configureChains(
    [
      mainnet,
      polygon
    ],
    [publicProvider()]
)
  
const { connectors } = getDefaultWallets({
    appName: 'test',
    projectId: 'b67c616c2f896b215dff2499d07587ed',
    chains,
})
  
const wagmiConfig = createConfig({
    autoConnect: true,
    connectors,
    publicClient,
    webSocketPublicClient,
})

export default function App() {
    return (
        <WagmiConfig config={wagmiConfig}>
            <RainbowKitProvider chains={chains}>
                <ConnectButton />
            </RainbowKitProvider>
        </WagmiConfig>
    )
}

It’s worth noted that I have a separate package inside my project where I install the dependencies and make a build with webpack so I can have the libraries loaded already when I use them, but I don’t see how this can be an issue, the only thing I do is import them from that package

Expected Behavior

Should work as expected and load the ConnectButton on the app

Steps To Reproduce

No response

Link to Minimal Reproducible Example (StackBlitz, CodeSandbox, GitHub repo etc.)

No response

Anything else?

No response