question-mark
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.

Annoying popup from chrome devtools wrongly telling me I'm using an old version of React

See original GitHub issue

I am given a rather annoying popup message

Unsupported React version detected
This version of React DevTools supports React DOM v15+ and React Native v61+.

In order to use DevTools with an older version of React, you'll need to install an older version of the extension.

every single time I want to use devtools.

This is NOT correct. I am using React 16.8 with a standard create-react-app build.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:2
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
sersloncommented, Nov 14, 2019

Hi, all. I also get the same problem with the Unsupported React version detected message. I have start research a problem and finally found it. The problem has hidden in external components that are using react-dom as a dependency. In my case its the react-hubspot-form component. In the case @LukenAgile42 its the react-modal component (I think, I have found only one component, probably the project contains more the same components).

As conclusion. I want to say - need upgrading all components or use custom components.

1reaction
gogokucommented, Oct 18, 2019

Having the same issue with react-native app, react-native: 0.61.2 react: 16.9.0 react-dom:16.9.0 react-devtools: 4.2.0

i also get a warning in the app, “react-devtools agent got no connection”

created a new app with react-native-cli and getting the same error

image

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to solve jsx precompile and React dev-tool in chrome
If you're using a version of React earlier than 0.12, or you have an old version of the extension, the message will continue...
Read more >
Dev tools showing wrong line number of sass files
I'm using sass for my CSS and strange thing is happening to me. Sometimes, when i add new rules into a scss file,...
Read more >
unload And beforeunload Events And How To Debug Them ...
So I set a breakpoint where the code that is supposed to be fired by the unload event is, and reloaded the page...
Read more >
Handling common accessibility problems - MDN Web Docs
Hopefully this article has given you a good grounding in the main accessibility problems you might encounter, and how to test and overcome ......
Read more >
Changelog - Cypress Documentation
Fixed an issue where the incorrect Cypress version could be shown in the ... warning for users on the old React API, cypress/react...
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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found