Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.


See original GitHub issue

Been trying to get support with this one for a few days now.

npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: project@0.1.0
npm ERR! Found: react@18.0.0
npm ERR! node_modules/react
npm ERR!   react@"18.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.6 || ^17.0.0" from @contentful/rich-text-react-renderer@15.12.0
npm ERR! node_modules/@contentful/rich-text-react-renderer
npm ERR!   @contentful/rich-text-react-renderer@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\toms\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\toms\AppData\Local\npm-cache\_logs\2022-04-05T07_51_02_132Z-debug-0.log

This means it’s incompatible with npx create-react-app and npx create-next-app.

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:7
  • Comments:9 (1 by maintainers)

github_iconTop GitHub Comments

doflo-dfacommented, May 9, 2022
<>{documentToReactComponents(, {
              renderNode: {
                paragraph: (node, children) => {
                  return <span className="block text-justify mb-6">{children}</span>;
                }, ...
doflo-dfacommented, Apr 21, 2022

One thing to note documentToReactComponents wraps it’s return content in a < p > tag by default … react 18 will complain in development and production about nested p tags so if you are adding content to a template that already has a superior p tag it will cause react 18 to not properly server side to client side transition because of this validation in strict mode … as a work around ensure all superior p tags are span tags styled with display:block

Read more comments on GitHub >

github_iconTop Results From Across the Web

MUI installation doesn't work with React 18 - Stack Overflow
If you are using react version greater than 17 you must install Material UI (version) v5. Note: if anyhow MUI v5 does not...
Read more >
MUI installation doesn't work with React 18 #32074 - GitHub
Duplicates I have searched the existing issues Latest version I have tested the latest version Current behavior Installation doesn't work ...
Read more >
How to Upgrade to React 18
In this post, we will guide you through the steps for upgrading to React 18. Please report any issues you encounter while upgrading...
Read more >
Why React 18 Broke Your App - CoderPad
React 18's internal changes improved a lot, but may have broken your app in the process. Here's why and how you can fix...
Read more >
React on Twitter: "If your app doesn't work after upgrading to ...
If your app doesn't work after upgrading to React 18, the first thing to check is whether it's wrapped in <StrictMode>. Strict Mode...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found