Make use of the native crypto module to create random nonce.

Author: kujtimprenkuSQA

examples/angular/src/app/components/content/content.component.ts

@@ -26,7 +26,6 @@ import { CONTRACT_ID } from "../../../constants";
 import { WalletSelector } from "@near-wallet-selector/core";
 import type { GetAccountBalanceProps } from "../../interfaces/account-balance";
 import BN from "bn.js";
-import { randomBytes } from "crypto";
 
 const SUGGESTED_DONATION = "0";
 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -238,7 +237,7 @@ export class ContentComponent implements OnInit, OnDestroy {
   async onSignMessage() {
     const wallet = await this.selector.wallet();
     const message = "test message to sign";
-    const nonce = randomBytes(32);
+    const nonce = Buffer.from(crypto.getRandomValues(new Uint8Array(32)));
     const recipient = "guest-book.testnet";
 
     if (wallet.type === "browser") {

examples/react/components/Content.tsx

@@ -19,7 +19,6 @@ import { CONTRACT_ID } from "../constants";
 import SignIn from "./SignIn";
 import Form from "./Form";
 import Messages from "./Messages";
-import { randomBytes } from "crypto";
 
 type Submitted = SubmitEvent & {
   target: { elements: { [key: string]: HTMLInputElement } };
@@ -339,7 +338,7 @@ const Content: React.FC = () => {
     const wallet = await selector.wallet();
 
     const message = "test message to sign";
-    const nonce = randomBytes(32);
+    const nonce = Buffer.from(crypto.getRandomValues(new Uint8Array(32)));
     const recipient = "guest-book.testnet";
 
     if (wallet.type === "browser") {