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.

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

See original GitHub issue

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

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:4
  • Comments:26

github_iconTop GitHub Comments

2reactions
vinodcg2commented, Mar 8, 2021

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

2reactions
krnldecommented, Jun 5, 2020

Maybe re-open this issue?

Read more comments on GitHub >

github_iconTop Results From Across the Web

React tab doesn't appear in chrome developer tools
After installing the extension, I went to Chrome extensions and enabled the React Developer Tools extension, then it started showing ...
Read more >
react-devtools - npm
Start using react-devtools in your project by running `npm i ... You can open the in-app developer menu and choose "Show Inspector".
Read more >
chrome react devtools not showing - You.com | The AI Search ...
1) Open https://dlw5k.csb.app/ 2) Open browser dev tools 3) select "Components", click on "App", expand selectedPairs of State 4) select 3+ currencies from...
Read more >
Optimizing Performance - React
You can find instructions for building your app for production below. Create React App. If your project is built with Create React App,...
Read more >
No React tab in Developer Tools (Example) - Treehouse
I had the same problem but I fixed it. I removed the chrome tab that I was serving my react project on and...
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