Demo version with v4.0.0 is not working on device

[aorfevre]

**PROBLEM **

We are trying web3auth react native and found your demo version.
https://github.com/Web3Auth/web3auth-react-native-sdk/tree/master/demo/rn-expo-example

We tried to use it with the latest version of web3auth-react-native. (v4.0.0) as the package.json is not referring to the latest :
https://github.com/Web3Auth/web3auth-react-native-sdk/blob/master/demo/rn-expo-example/package.json

The version is working fine on iOS Simulator but is not working on iOS / Android Device using expo.
(we did not tried bare workflow and do not intend to eject expo)

Error shown is :
ERROR Error: react-native-quick-crypto is not supported in Expo Go! Use EAS (expo prebuild) or eject to a bare workflow instead., js engine: hermes

We tried to remove react-native-quick-crypto from metro.config.js to react-native-crypto but it triggers other issues.
ERROR TypeError: Cannot read property 'seed' of null, js engine: hermes

** EXPECTED BEHAVIOUR **
A working demo version with v4.0.0 on iOS Simulator & Device.

[aorfevre]

Demo works fine on iOS Simulator / Device with metro config replaced with :
crypto: require.resolve("crypto-browserify"),

[aorfevre]

App works with Crypto-browserify for auth and all web3 actions.
However, the logout is not working with that package.

We have :
Error: Secure random number generation is not supported by this browser.
Use Chrome, Firefox or Internet Explorer 11

So either we use react-native-quick-crypto and we can not use Mobil device.
Or we use crypto-browserify and we can not logout which is annoying for security of the user.

Is there any other packages we can use for crypto injection ?
I have tested also :

• react-native-crypto and it is not working.

[ryukato]

Try this way

• expo customize webpack.config.js
• add below to ejected webpack.config.js
  • config.resolve.fallback = { "crypto": require.resolve("crypto-browserify") };

I also tried to customize metro.config.js, and it looks working. Customized metro.config.js is as followings.

config.resolver.disableHierarchicalLookup = false;
config.resolver.extraNodeModules  = {
    crypto: require.resolve("crypto-browserify")
}; 

[ben-passion-xyz]

Hi @ryukato ,

I'm facing the same issue.
Can you provide the full package.json and metro.config.js?
It would be very helpful, thanks!