Ant design и d-img-crop не работают в nextjs

Я использую муравьиный дизайн и хочу обрезать изображения, для этого я использую библиотеку под названием antd-img-crop.

Когда я устанавливаю antd-img-crop и использую его в своем приложении Next.js, возникает следующая ошибка:

import LocaleReceiver from '../locale/LocaleReceiver';
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at Object.compileFunction (node:vm:360:18)
    at wrapSafe (node:internal/modules/cjs/loader:1088:15)
    at Module._compile (node:internal/modules/cjs/loader:1123:27)
    at Module._extensions..js (node:internal/modules/cjs/loader:1213:10)
    at Module.load (node:internal/modules/cjs/loader:1037:32)
    at Module._load (node:internal/modules/cjs/loader:878:12)
    at Module.require (node:internal/modules/cjs/loader:1061:19)
    at require (node:internal/modules/cjs/helpers:103:18)
    at Object.<anonymous> (F:\samyar\react\gharardad-pardaz\node_modules\antd-img-crop\dist\antd-img-crop.cjs.js:21:22)
    at Module._compile (node:internal/modules/cjs/loader:1159:14)

> Build error occurred
Error: Failed to collect page data for /app/profile
    at F:\samyar\react\gharardad-pardaz\node_modules\next\dist\build\utils.js:960:15
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
  type: 'Error'
}

Действия по воспроизведению:

1. Используйте Next.js
2. Установить antd-img-crop
3. Используйте его на странице
4. создай приложение npm run build
5. вы должны увидеть ошибку

Ссылка на Stackblitz : Stackblitz