react: Bug: React devtools shows "Unable to find React on the page" Incorrectly

React version: 16.12.0 Devtools version: 4.6.0

Steps To Reproduce

Don’t know.

The current behavior

React devtools shows “Unable to find React on the page” in the inspector Components pane. The website is a plain CRA app and the devtools is able to detect that the website is using a development build of the react when I click on the devtools icon in the browser extensions bar. I’m able to see the Components when I use devtools on a website other than mine (like reactjs.org). My app is served using the default react-scripts start command. I don’t know what exactly is causing the issue but I can share logs or whatever that help to pinpoint the issue as you request. Screenshot from 2020-04-23 00-51-25

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Reactions: 4
  • Comments: 28 (2 by maintainers)

Most upvoted comments

I was also having same issue, I removed the addon and add again fixed for me.

    • Step 1 : Removed React Developer Tools
    • Step 2: Add React Developer Tools

Fixed the issue

Path : https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi/related?hl=en

Maybe re-open this issue?

None of the above solved the issue for me. macOS 11.6 / firefox browser 94.0.1

Any idea what to try next?

Closing the affected tab and/or opening a new tab worked for me.

I have had the same issue during past two weeks. Restarting the browser fixed it.

Chrome Version 85.0.4183.83 (Official Build) (64-bit) OSX 10.14.6 Mojave