Secure random number generation is not supported by this browser

I want to generate mnemonic in react-native. I use bip39 with browserify, and getting the error:

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

OS: MacOS node: v9.10.0 npm: 5.6.0 react-native-cli: 2.0.1 react-native: 0.57.1 “expo”: “^32.0.0” “bip39”: “^3.0.2”

Here is the project

[junderw]

Please do your own dev work.

This library is only guaranteed to work in the browser and NodeJS environments.

Anything else will require you to figure out how to make it work, trial and error.

Do what I said and it will work.

Synchronus calls use SJCL which relies on crypto, which react cannot use. Asynchronus calls use the native iOS/Android calls.

[leoparis89]

import { randomBytes } from 'react-native-randombytes';

const getRandom = count => new Promise((resolve, reject) => {
  return randomBytes(count, (err, bytes) => {
    if (err) reject(err)
    else resolve(bytes)
  })
})

then you can use

async function someFunc() {
  const entropy = await getRandom(16)
  console.log(bip39.entropyToMnemonic(entropy))
}

You need to do the following for this to work.

1 - install react-native-random-bytes

yarn add react-native-randombytes
cd ios && pod install 

2 - shim node stream lib like follows (I found the shims here):

// metro.config.js
const path = require('path');
module.exports = {
  resolver: {
    extraNodeModules: {
      stream: path.resolve(__dirname, './node_modules/readable-stream'),
    },
  },
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: true,
      },
    }),
  },
};

3 - And finally do:

yarn add events since readable-stream depends on it