Codemirror: RangeError Selection points outside of document

[danilowoz]

Discussed in https://github.com/codesandbox/sandpack/discussions/501

^{Originally posted by grikomsn June 18, 2022}
Recently migrated my Next.js side project from using sandpack v0 to v1¹ and noticed that for some reason it errors out in production but works on development. Below are screenshots with console logs for both instances.

Besides the console log errors, line numbers do not show and editor is not clickable nor editable. Will attempt debugging whether it's from the UI library or something else.

Development

Production

#465

Footnotes

1. https://github.com/grikomsn/patterns-run/commit/51e7fd73145e37bff4667796793bf4e631f28e72#diff-55de525accdc1569db9c81113d77df271e051f7c8b9dc882d5268043346a18df

↩

[danilowoz]

It seems that Nextjs is compiling the @codemirror/text with different outputs:

Wrong

// next.config.js
swcMinify: true,

// @codemirror/text
constructor(a, b=function(a) {
  for (let b of a)
    b.length;
  return -1
}

Correct

// next.config.js
swcMinify: false,

// @codemirror/text
constructor(a, b=function(a) {
  let e = -1
  for (let b of a)
    e + b.length + 1;
  return e
}

So, short answer, set swcMinify to false

🤯

[danilowoz]

Hey @grikomsn, please take a look at the answer above, it might solve the problem. I'll try to address this issue with nextjs or swc.

[grikomsn]

Tried disabling swcMinify and it (surprisingly) works¹. Thank you for the insight! Might need to reconsider enabling swcMinify for current and future projects.

Footnotes

1. https://github.com/grikomsn/patterns-run/commit/b0ad10f8a2059913b8896aa82008b2c150178e30 ↩

[danilowoz]

Addressed on vercel/next.js#36127