Missing strong random number source in Nuxt 3

[congminh090800]

Hi, Im trying to pair nuxt3 with ethers@5.6.2, Im running to the problem as mention in the title

no secure random source avaialble (operation="crypto.getRandomValues", code=UNSUPPORTED_OPERATION, version=random/5.6.0)

  at Logger.makeError (./.nuxt/dist/server/server.mjs:5781:23)
  at Logger.throwError (./.nuxt/dist/server/server.mjs:5790:20)
  at Object.getRandomValues (./.nuxt/dist/server/server.mjs:14620:27)
  at Module.randomBytes (./.nuxt/dist/server/server.mjs:14631:12)
  at Function.createRandom (./.nuxt/dist/server/server.mjs:13627:45)
  at EthersHelper.generateMnemonic (./.nuxt/dist/server/server.mjs:2536:62)
  at setup (./.nuxt/dist/server/server.mjs:22455:35)
  at _sfc_main.setup (./.nuxt/dist/server/server.mjs:22475:23)
  at callWithErrorHandling (./node_modules/.pnpm/@vue+runtime-core@3.2.31/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:157:22)
  at setupStatefulComponent (./node_modules/.pnpm/@vue+runtime-core@3.2.31/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6977:29)

And here is my setup in nuxt.config.ts

    build: {
     transpile: ["ethers", "@ethersproject"]
   },

The implementation:

import { ethers } from 'ethers';
export default class EthersHelper {
    constructor() {};

    public generateMnemonic(): string {
        const randomWallet: ethers.Wallet = ethers.Wallet.createRandom();
        const mnemonic = randomWallet.mnemonic;
        return mnemonic.phrase;
    };
};

Have anyone been through this, please help me out.

[ricmoo]

You are probably interested in some of the steps involved in setting up React Native:

https://docs.ethers.io/v5/cookbook/react-native/

[mynameisjeffe]

You may check this interim solution
https://github.com/nuxt/framework/discussions/3301#discussioncomment-2707522