SyntaxError: Cannot use import statement outside a module

Hello John,

I’m wanting to try allotment in a new React project but I’m getting the following:

SyntaxError: Cannot use import statement outside a module

At:

allotment (1:0) @ eval

> 1 | module.exports = require("allotment");

Any idea how to solve this issue?

Kind regards, Marten Mooij

[mooijtech]

Got it to work using:

const Allotment = dynamic(() => import("allotment").then(mod => mod.Allotment), { ssr: false });

[johnwalley]

Good point. I tend to import the problematic component in its own file. You can then use the dynamic import on that local file. But your way avoids the extra file. I’ll have a go at explaining all this in the README. Thanks again for you help.