React Invariant thrown during Next.js `next build`

With, npm ls react you can see react@16.14.0 is not deduped, and everything else is on react@17.0.2

...
├─┬ react-dom@17.0.2
│ └── react@17.0.2 deduped
...
├─┬ react-live@2.4.0    (...same issue w/ 2.3.0)
│ ├─┬ prism-react-renderer@1.2.1
│ │ └── react@17.0.2 deduped
│ └─┬ react-simple-code-editor@0.11.0
│   ├─┬ react-dom@16.14.0 <-----------------not deduped
│   │ └── react@16.14.0 deduped
│   └── react@16.14.0 <-----------------not deduped
...
├── react@17.0.2
...

I believe this is preventing my Next.js project from building, due to the more than one copy of React React invariant.

… strangely it only happens when installing everything w/ npm and not yarn

---

Side: react-simple-code-editor https://github.com/satya164/react-simple-code-editor/blob/master/package.json#L62-L65 doesn’t specify react/-dom 17 as a peer dependency. (It also hasn’t seen a new update in close to 2 years now 😕)

Update: Opened a PR to allow react 17 as a peerDep

• https://github.com/satya164/react-simple-code-editor/pull/89

[thiskevinwang]

@jpdriver

Re: original issue, I was able to work around using npm overrides

“react-live”: “^2.3.0”

package.json

...
  "overrides": {
    "react-simple-code-editor": {
      "react": "17.0.2",
      "react-dom": "17.0.2"
    }
  }
}

“react-live”: “^3.0.0-rc1”

This looks to allow react to be deduped 🎉 ,

npm ls react

...
├─┬ react-live@3.0.0-rc1
│ ├─┬ prism-react-renderer@1.2.1
│ │ └── react@17.0.2 deduped
│ └─┬ use-editable@2.3.3
│   └── react@17.0.2 deduped
...

But it looks like it introduces a regression where a previously used style prop is no longer passed along.

• https://github.com/FormidableLabs/react-live/pull/299

[thiskevinwang]

Hey @jpdriver, awesome! I can test this out in my next chunk of free time and get back to you

And for my context, was that replacement https://github.com/FormidableLabs/use-editable?

• https://github.com/FormidableLabs/react-live/pull/266