SyntaxError: Cannot use import statement outside a module, NEXTJS 14.2.3

[darkdiesel]

Using sample example from your docs and get error .

SyntaxError: Cannot use import statement outside a module
This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
<unknown>
file:/var/www/admin-panel.loc/node_modules/mui-color-input/dist/mui-color-input.es.js (1)
Next.js
mui-color-input
file:/var/www/admin-panel.loc/.next/server/pages/settings.js (1798:18)
Next.js
eval
/src/pages/settings/index.tsx
./src/pages/settings/index.tsx
file:/var/www/admin-panel.loc/.next/server/pages/settings.js (1180:1)
Next.js```

[sankaran85]

facing same issue in nextjs .. import { MuiColorInput } from 'mui-color-input'

[Kaaaaii]

same issue here

[viclafouch]

Hello !

Try this :

/** @type {import('next').NextConfig} */
const nextConfig = {
  transpilePackages: ['mui-color-input'],
}
 
module.exports = nextConfig