emoji-picker-react is breaking build

[Ansub]

getting this error

`Error [ERR_REQUIRE_ESM]: require() of ES Module /speedy-app/node_modules/flairup/dist/index.js from /speedy-app/node_modules/emoji-picker-react/dist/emoji-picker-react.cjs.production.min.js not supported.
index.js is treated as an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which declares all .js files in that package scope as ES modules.
Instead rename index.js to end in .cjs, change the requiring code to use dynamic import() which is available in all CommonJS modules, or change "type": "module" to "type": "commonjs" in /speedy-app/node_modules/flairup/package.json to treat all .js files as CommonJS (using .mjs for all ES modules instead).

at Object.<anonymous> (/speedy-app/node_modules/emoji-picker-react/dist/emoji-picker-react.cjs.production.min.js:1:153)
at Object.<anonymous> (/speedy-app/node_modules/emoji-picker-react/dist/index.js:5:20)
at 1243 (/speedy-app/.next/server/pages/dashboard/edit.js:10516:18)
at __webpack_require__ (/speedy-app/.next/server/webpack-runtime.js:25:42)
at /speedy-app/.next/server/pages/dashboard/edit.js:986:76
at __webpack_require__.a (/speedy-app/.next/server/webpack-runtime.js:89:13)
at 9098 (/speedy-app/.next/server/pages/dashboard/edit.js:978:21)
at __webpack_require__ (/speedy-app/.next/server/webpack-runtime.js:25:42)
at /speedy-app/.next/server/pages/dashboard/edit.js:5176:70
at __webpack_require__.a (/speedy-app/.next/server/webpack-runtime.js:89:13)
at 6211 (/speedy-app/.next/server/pages/dashboard/edit.js:5165:21)
at __webpack_require__ (/speedy-app/.next/server/webpack-runtime.js:25:42)
at /speedy-app/.next/server/pages/dashboard/edit.js:825:67
at __webpack_require__.a (/speedy-app/.next/server/webpack-runtime.js:89:13)
at 2396 (/speedy-app/.next/server/pages/dashboard/edit.js:807:21)
at __webpack_require__ (/speedy-app/.next/server/webpack-runtime.js:25:42)
at /speedy-app/.next/server/pages/dashboard/edit.js:139:66
at __webpack_require__.a (/speedy-app/.next/server/webpack-runtime.js:89:13)
at 2932 (/speedy-app/.next/server/pages/dashboard/edit.js:117:21)
at __webpack_require__ (/speedy-app/.next/server/webpack-runtime.js:25:42)
at /speedy-app/.next/server/pages/dashboard/edit.js:8863:85
at __webpack_require__.a (/speedy-app/.next/server/webpack-runtime.js:89:13)
at 8082 (/speedy-app/.next/server/pages/dashboard/edit.js:8827:21)
at __webpack_require__ (/speedy-app/.next/server/webpack-runtime.js:25:42)
at __webpack_exec__ (/speedy-app/.next/server/pages/dashboard/edit.js:11230:39)
at /speedy-app/.next/server/pages/dashboard/edit.js:11231:165
at __webpack_require__.X (/speedy-app/.next/server/webpack-runtime.js:177:21)
at /speedy-app/.next/server/pages/dashboard/edit.js:11231:47
at Object.<anonymous> (/speedy-app/.next/server/pages/dashboard/edit.js:11234:3)
at Object.requirePage (/speedy-app/node_modules/next/dist/server/require.js:88:12)
at /speedy-app/node_modules/next/dist/server/load-components.js:37:73
at async Object.loadComponents (/speedy-app/node_modules/next/dist/server/load-components.js:37:26)
at async /speedy-app/node_modules/next/dist/build/utils.js:843:32
at async Span.traceAsyncFn (/speedy-app/node_modules/next/dist/trace/trace.js:79:20) {

code: 'ERR_REQUIRE_ESM'
}

Build error occurred
Error: Failed to collect page data for /dashboard/edit
at /speedy-app/node_modules/next/dist/build/utils.js:960:15 {
type: 'Error'
}
npm notice
npm notice New major version of npm available! 8.12.1 -> 10.2.5
npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.2.5
npm notice Run npm install -g npm@10.2.5 to update!
npm notice`

[ealush]

Hi @Ansub! Thank you for reporting.

Can you try installing emoji-picker-react@4.6.2 and report back?

[Ansub]

I tried installing emoji-picker-react@4.6.2, but I was still experiencing the same error. I had to remove the package from package.json in order to achieve a successful build.

[ealush]

Which bundler do you use? Or.more specifically, which webpack version?

Could it be a cached version of 4.6.1 in node_modules?

Would you mind clearing node modules and reinstalling latest ?