[Bug]: Warning about missing dependency @react-native-async-storage/async-storage

[einaralex]

SDK

Web

Provide environment information

I'm using it through Wagmi's latest version.

MetaMask SDK Version

0.33.1

MetaMask Mobile app Version

x

What browser are you using? (if relevant)

x

How are you deploying your application? (if relevant)

React, Express server

Describe the Bug

I'm using the latest version of the SDK and I'm getting warnings in my console Module not found: Error: Can't resolve '@react-native-async-storage/async-storage'

I'm not using React-Native.

Expected Behavior

No warnings because I'm not using React Native

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

No response

To Reproduce

Install latest version of SDK with a node server.

[0xleal]

Having the same issue

[Dalcor]

Same issue here

[valentinludu]

Same issue here in a next.js project.

I added a temporary fix in next.config.mjs file:

webpack: (config) => {
    config.resolve.fallback = {
      fs: false,
      net: false,
      tls: false,
      '@react-native-async-storage/async-storage': false,
    };
}

Tbh, this error should not popup since it is related to react-native. This fix is temporary and I would prefer to see the core contributors coming up with a better solution.

[dnlrbz]

same issue in Angular apps. This dependency should be optional or replaced, react-native has nothing to do with metamask SDK