Using Web Crypto API in NextJS, but getting error 'crypto is not defined'

Question

Can I use web crypto api in NextJS?

I tried to use

crypto.subtle.digest('SHA-256', data)

but getting an error

ReferenceError: crypto is not defined

Does this answer your question? [Generating UUID in react using crypto api](https://stackoverflow.com/questions/71127816/generating-uuid-in-react-using-crypto-api) — Son Nguyen, Jan 11 '23 at 15:10

S.Chen · Accepted Answer · 2022-12-21T08:39:57.640

8

before use crypto module, just import import crypto from "crypto"

here are example for crypto

edited Dec 21 '22 at 08:39

answered Mar 19 '22 at 09:19

S.Chen

4

Don't do this people. Bad link too – Luis Martinez Sep 30 '22 at 05:20
1

Or const crypto = require('crypto'); if you get "SyntaxError: Cannot use import statement outside a module" – tschumann Jan 12 '23 at 05:43
4

@LuisMartinez Why? Can you argument that? I don't quite understand why i shouldn't use this in NextJS – cyberfrogg Feb 05 '23 at 10:13
Didn't have to import anything with Next.js; just works out of the box FYI. – dangtony98 May 11 '23 at 07:25

score 8 · Answer 2 · answered Feb 21 '23 at 05:58

8

For me, it worked when I used import * as

import * as crypto from 'crypto';

answered Feb 21 '23 at 05:58

Vikash Rathee

score 1 · Answer 3 · answered Feb 19 '23 at 10:35

1

You can use it with

const crypto = require('crypto');

or also by using

import crypto from "crypto"

answered Feb 19 '23 at 10:35

gilzonme

3 Answers3