Cannot read properties of undefined (reading 'sqrt') #415

aliberkyurtoglu · 2022-03-27T12:04:26Z

We have been using it in our project for 3-4 months. But for the last 2 days, we have been experiencing problems in our application due to this error. What could be the problem? If anyone has encountered this problem before, please help. @evanvosberg

Package Version: 4.1.1

Node Version: 14.15.4

NextJS Version: 12.1.0

React Version: 17.0.2

Error

hashHelper.ts

stevez86 · 2022-03-29T23:40:01Z

I'm getting the same error. I'm using the library to hash a persisted query for apollo client. Only happens on "production" in the browser while also using nextjs 12.1.2.

stevez86 · 2022-03-30T01:46:41Z

@aliberkyurtoglu I was able to resolve this issue by disabling "swcMinify" in next.config and by adjusting "next-transpile-modules" to resolveSymlinks: false. Check each one separately, I'm still working out which was the exact cause.

luckyyyyy · 2023-11-13T06:55:37Z

@kdy1 Same problem in version 1.3.96

kdy1 · 2023-11-13T06:57:31Z

@luckyyyyy 1.3.96? Can you provide a minimal reproduction, or file an issue on https://github.com/swc-project/swc ?

nassimbenkirane · 2023-11-13T16:28:50Z

@kdy1 Same error happening to production build, when upgrading from next@14.0.1 to next@14.0.2

kdy1 · 2023-11-13T19:26:26Z

@nassimbenkirane Can you provide a minimal reproduction?

luckyyyyy · 2023-11-13T19:53:02Z

@luckyyyyy 1.3.96? Can you provide a minimal reproduction, or file an issue on https://github.com/swc-project/swc ?

let me try

luckyyyyy · 2023-11-13T20:18:51Z

Sorry, I'm a bit busy. Here's a simple example of using webpack to compress with SWC and include Crypto-js, and then viewing the result with npx serve dist.
@kdy1

web.zip

nassimbenkirane · 2023-11-13T20:19:24Z

Oh I didn't see that you were doing the same @luckyyyyy
Here is a sandbox with a repro
https://codesandbox.io/p/sandbox/keen-carlos-n79pkz

Step 1: open the drawer

Step 2: click "Start Server 3000" under the + button

Step 3: Open debugger and open console

See the error

dattenlagiday · 2023-11-13T20:37:07Z

same error Cannot read properties of undefined (reading 'sqrt') using nextjs 14.0.2
Error on browser:

Bundle analyze:

Updated: Downgrade crypto-js from @4.2.0 to @4.1.1 solve the problem

aaronabf · 2023-11-14T20:48:41Z

Same issue with Next.js 14.0.2

vakkiee · 2023-11-15T01:52:53Z

same error Cannot read properties of undefined (reading 'sqrt') using nextjs 14.0.2 Error on browser:

Bundle analyze:

Updated: Downgrade crypto-js from @4.2.0 to @4.1.1 solve the problem

Even in that version, it still results in an error.
This issue has not been resolved yet.

"next": "^14.0.2",
"crypto-js": "^4.1.1",

Only happens on "production"

TypeError: Cannot read properties of undefined (reading 'sqrt')

Your cooperation is greatly appreciated.

yhrebeniuk · 2023-11-15T14:20:27Z

I've started to get the same error after upgrading to next 14.
Setting swcMinify: false in next.config.js helped, as explained here.

kdy1 · 2023-11-15T17:22:28Z

Can you assign this to me?

Tarbez · 2023-11-15T19:05:14Z

I've started to get the same error after upgrading to next 14. Setting swcMinify: false in next.config.js helped, as explained here.

I've faced the same issue, swcMinify: false is not an option for me since it breaks the entire build on production.
Thinking about rolling back to 13... Works in "next": "^13.5.5", with "eslint-config-next": "^13.5.4",

**Description:** Regarding vercel/next.js#55682, I made a mistake while investigating. I assumed it's `swcMinify`-only but it seems like `node-fetch` is fundamentally incompatible with our minification options. I thought `node-fetch` works with terser, but it did not, and it **should not**. But as I thought `terser` works, I assumed that `terser` has a hack for `AbortSignal`. And that's how I fixed `swcMinify: true`. The correct fix is `keep_classnames: true` but it will result in +~10% bundle size bloat. At first, I used the correct way (`keep_classnames: true`), but it resulted in the bundle size bloat, so I mimicked the hack of terser with vercel/next.js#57904. While working on other minification issues, I found that there's no such hack in `terser` and I need to remove the hack in the SWC minifier. The repro in vercel/next.js#55682 does not work with `swcMinify: false`, even with next@14. The problem of minifier and node-fetch was not exploited before `serverMinification: true`. **Related issue:** - brix/crypto-js#415

null-prophet · 2023-11-16T09:08:25Z

same issue that randomly appeared today for me on a yarn upgraded repo.

import AES from 'crypto-js/aes'
import enc from 'crypto-js/enc-utf8'

// then call like so
const value = AES.decrypt(data, input).toString(enc)

Changed my imports to this to decode some code in Next js and its now production building and rendering.

I think something weird is happening with the globally scoped imports and Next JS bundling. latest v14. Strangely it was working with V14 and 4.1.1 version for a while but I did a global yarn install/refresh of state (using berry) and it then happened to start using the 4.2.0 release.

I lost 4 hrs of my life debugging this and there is 0 errors on the Typescript side or local dev to show this issue only cryptic errors if you do a local build then start to test locally a prod build.

This will get it working until you guys figure out how to get your packaging compliant with the bundlers next js v14 are using.

vakkiee · 2023-11-17T01:11:42Z

import AES from 'crypto-js/aes'
import enc from 'crypto-js/enc-utf8'

// then call like so
const value = AES.decrypt(data, input).toString(enc)

Changed my imports to this to decode some code in Next js and its now production building and rendering.

I tried that, but it didn't work..
It works in the development environment(npm run dev), but it does not work well in the production build.

---version
"crypto-js": "^4.2.0",
"next": "^14.0.2",

null-prophet · 2023-11-17T01:17:18Z

I made sure I cleaned the .next folders each time I ran build then start to be sure.

This is the joys of the transient dependencies and version problems you get in npm/yarn projects. Do you have multiple crypto js versions loaded through other libs or just 4.2.0?

Sorry its not working for you, I had to comment everything out, add in bit by bit until it started to work again.

vakkiee · 2023-11-17T01:26:39Z

I am following the steps below.

1. Delete .next and node_modules
2. npm run build (default command)
3. npm run start (default command)

If I comment out the encrypted part, it works fine, so it seems that there is a problem with the encrypted part.
It doesn't work not only in v4.2.0 but also in v4.1.1.

null-prophet · 2023-11-17T01:28:11Z

I am following the steps below.
1. Delete .next and node_modules
2. npm run build (default command)
3. npm run start (default command)
If I comment out the encrypted part, it works fine, so it seems that there is a problem with the encrypted part. It doesn't work not only in v4.2.0 but also in v4.1.1.

Can you share a snippet of the code that your using inc the imports etc? Try and see what might be causing it to fail?

vakkiee · 2023-11-17T01:32:14Z

Can you share a snippet of the code that your using inc the imports etc? Try and see what might be causing it to fail?

encrypt

import AES from "crypto-js/aes";

AES.encrypt(
              target,
              cryptrKey
            ).toString(),

decrypt

import AES from 'crypto-js/aes'
import enc from 'crypto-js/enc-utf8'

AES.decrypt(target, cryptrKey).toString(enc)

null-prophet · 2023-11-17T01:38:09Z

it was working for decrypt for me, sorry I can't help more. I do some occassional encrypt and it worked here as well.

its worth checking your node_modules and doing a npm ls --all > deps.txt and checking out what might be depending on the crypto lib or causing some issues.

Otherwise go back to v13 next. not a great solution but the only one to get you moving forward.

vakkiee · 2023-11-17T01:51:04Z

@null-prophet
[deps.txt]

null-prophet · 2023-11-17T01:58:03Z

To me that seems ok, you have only one version depedency on 4.2.0 and the types are fine.

If it works in V13 next I would just revert, I have no idea why it worked for me and not you. Perhaps the dev team will have a solution soon.

vakkiee · 2023-11-17T01:59:35Z

@null-prophet
Thank you for your cooperation

It works fine with Next.js v13.
The current solution seems to be to lower the version.

null-prophet · 2023-11-17T03:50:21Z

no problem, delete away.

vakkiee · 2023-11-17T03:52:01Z

@null-prophet
Thank you

TVYDev · 2023-11-18T03:37:31Z

Next.js 14.0.1 => 🟢 Work for both crypto-js 4.1.1 and 4.2.0

Next.js 14.0.2 up => 🔴 Not Work for both crypto-js 4.1.1 and 4.2.0

✓ Linting and checking validity of types    
   ▲ Next.js 14.0.3
   - Environments: .env.local

✓ Creating an optimized production build    
✓ Compiled successfully
   Collecting page data  ..TypeError: Cannot read properties of undefined (reading 'sqrt')

kdy1 · 2023-11-18T03:41:30Z

vercel/next.js#58517 will fix it. (Waiting for vercel/turborepo#6472 to get merged first)

JesseOgunlaja · 2023-11-26T14:54:59Z

Frustrating I'm getting the same error. Don't know if it's also causing hydration error. Works temporarily after deleting .next, building and starting local production server for first few navigations.

Spent way too long trying to find the problem just to find it had to do with Next JS hopefully a later version of Next will have it all working.

Edit:
Transpile package worked for me when using 14.0.4

dylandalal-asu · 2023-11-30T06:16:02Z

Also have the same error. Tried to downgrade to next 13 to get back a stable build and now I am exceeding the maximum call stack size

adentdk · 2023-12-04T06:48:59Z

i'm using next js 14.0.3 and crypto-js 4.2.0, i used this configuration, and solved my problem

/** @type {import('next').NextConfig} */
const nextConfig = {
  transpilePackages: ['crypto-js'],
};

module.exports = nextConfig;

https://nextjs.org/docs/app/api-reference/next-config-js/transpilePackages

kdy1 · 2023-12-04T08:48:32Z

Is this still an issue with the next canary? (v14.0.4-canary.37)
If so, can someone provide a repro?

drobotdaniil · 2023-12-04T12:20:21Z

Hey @kdy1,
can verify that with v14.0.4-canary.37 issue disappears.

Just tested it right now.
Thank you.

Careerawesome · 2023-12-27T14:40:05Z

transpilePackages: ['crypto-js'],

this worked for me thanks

kazuki-sf · 2024-01-22T15:53:00Z

transpilePackages: ['crypto-js'],
This worked for me too! Thanks!

Intangible-Media · 2024-07-09T15:56:35Z

i'm using next js 14.0.3 and crypto-js 4.2.0, i used this configuration, and solved my problem
/** @type {import('next').NextConfig} */
const nextConfig = {
  transpilePackages: ['crypto-js'],
};

module.exports = nextConfig;
https://nextjs.org/docs/app/api-reference/next-config-js/transpilePackages

This solved my issue I was using pdfMake and this made it work again. THANK YOU!

moshie mentioned this issue Apr 1, 2022

cannot read properties of undefined on swcMinify vercel/next.js#35811

Closed

kdy1 mentioned this issue Apr 7, 2022

[Meta] Known issues for the minifier swc-project/swc#2934

Closed

kdy1 mentioned this issue Nov 15, 2023

fix(es/minifier): Remove hack for built-in class names swc-project/swc#8293

Merged

aliberkyurtoglu closed this as completed Jan 20, 2025

Cannot read properties of undefined (reading 'sqrt') #415

Cannot read properties of undefined (reading 'sqrt') #415

Comments

aliberkyurtoglu commented Mar 27, 2022 • edited Loading

Error

hashHelper.ts

stevez86 commented Mar 29, 2022

stevez86 commented Mar 30, 2022

luckyyyyy commented Nov 13, 2023

kdy1 commented Nov 13, 2023

nassimbenkirane commented Nov 13, 2023

kdy1 commented Nov 13, 2023

luckyyyyy commented Nov 13, 2023

luckyyyyy commented Nov 13, 2023

nassimbenkirane commented Nov 13, 2023 • edited Loading

dattenlagiday commented Nov 13, 2023 • edited Loading

aaronabf commented Nov 14, 2023

vakkiee commented Nov 15, 2023

yhrebeniuk commented Nov 15, 2023

kdy1 commented Nov 15, 2023

Tarbez commented Nov 15, 2023

null-prophet commented Nov 16, 2023

vakkiee commented Nov 17, 2023

null-prophet commented Nov 17, 2023

vakkiee commented Nov 17, 2023

null-prophet commented Nov 17, 2023

vakkiee commented Nov 17, 2023 • edited Loading

encrypt

decrypt

null-prophet commented Nov 17, 2023

vakkiee commented Nov 17, 2023 • edited Loading

null-prophet commented Nov 17, 2023 • edited Loading

vakkiee commented Nov 17, 2023 • edited Loading

null-prophet commented Nov 17, 2023

vakkiee commented Nov 17, 2023

TVYDev commented Nov 18, 2023

kdy1 commented Nov 18, 2023

JesseOgunlaja commented Nov 26, 2023 • edited Loading

dylandalal-asu commented Nov 30, 2023

adentdk commented Dec 4, 2023 • edited Loading

kdy1 commented Dec 4, 2023

drobotdaniil commented Dec 4, 2023

Careerawesome commented Dec 27, 2023

kazuki-sf commented Jan 22, 2024

Intangible-Media commented Jul 9, 2024

aliberkyurtoglu commented Mar 27, 2022 •

edited

Loading

nassimbenkirane commented Nov 13, 2023 •

edited

Loading

dattenlagiday commented Nov 13, 2023 •

edited

Loading

vakkiee commented Nov 17, 2023 •

edited

Loading

vakkiee commented Nov 17, 2023 •

edited

Loading

null-prophet commented Nov 17, 2023 •

edited

Loading

vakkiee commented Nov 17, 2023 •

edited

Loading

JesseOgunlaja commented Nov 26, 2023 •

edited

Loading

adentdk commented Dec 4, 2023 •

edited

Loading