Error Can't resolve 'lodash/isEqual'

[kolarski]

I'm getting error, on a clean project install:

error - ./node_modules/react-gauge-chart/dist/GaugeChart/customHooks.js:8:0
Module not found: Can't resolve 'lodash/isEqual'

Import trace for requested module:
./node_modules/react-gauge-chart/dist/GaugeChart/index.js
./node_modules/react-gauge-chart/dist/index.js
./pages/index.tsx

https://nextjs.org/docs/messages/module-not-found
error - Error [ERR_REQUIRE_ESM]: require() of ES Module /home/projects/p1/node_modules/d3/src/index.js from /home/projects/p1/node_modules/react-gauge-chart/dist/GaugeChart/index.js not supported.

node -v
v18.12.1

Using nextjs on a clean project and I'm using typescript with "@types/react-gauge-chart".

[Anyungu]

@kolarski how did you solve this?

I have the same issue and I am not sure installing lodash directly is the best option.

[volkan-a]

Please add loads.isequal module in react-gauge-charts directory.

cd node-modules/react-gauge-charts
npm i lodash.isequal

[script8888]

@volkan-a
How would this fix it when deploying to a live server like Netlify or Vercel?

[riccardolardi]

Same issue. Any update on this?

[riccardolardi]

Created a PR to fix this #132

[riccardolardi]

Published the fork here since I need it for a personal project: https://www.npmjs.com/package/@studioriccardolardi/react-gauge-chart-pr132

I will remove it again as soon as PR is accepted or another solution has been found

You'll need ti create a declaration file to use the existing types from the original package:

declare module '@studioriccardolardi/react-gauge-chart-pr132' {
  import m from 'react-gauge-chart'
  export default m
}