Display error for use in Next.js project

[sajjadramezani1373]

Hello. I added this package to my Next.js 13.4.2 project.
When running the project, the following error appears:

Error: Failed to load external module react-filerobot-image-editor: SyntaxError: Cannot use import statement outside a module

How can this issue be resolved, and is it possible to use this package with a Next.js project?

[AhmeeedMostafa]

@sajjadramezani1373 try to add the following in your next.config.js file

module.exports = {
   ...,
   transpilePackages: ['react-filerobot-image-editor'],
   ...
}

Hope that helps, and please bare in mind the package is for FE usage only, so u will need to avoid its rendering on BE side.