'ReactJS chrome extension installed but not showing up

Anyone know why the ReactJS Chrome browser extension isn't showing for mein dev tools? It's installed, at one point it was working.

I'm using chrome Version 39.0.2171.65 (64-bit) on Mac OS X v 10.7.5

I read the reviews on this extension, some people said need to expose React as a global. I'm using React NPM with: var React = require('react');



Solution 1:[1]

In chrome://extensions/ select Allow access to file URLs for the React Developer Tools extension, using v0.13.1 of React. I didn't need to add anything to my source code.

Solution 2:[2]

I was having this issue just now and to solve it I had to open dev tools -> click the gear icon on the top right of the dev tools window then in the far right column at the very bottom is a button that should say "restore defaults and reload" click that. I was not able to figure out the exact reason it was not appearing but it at least gets react debugging working again.

Solution 3:[3]

React extension shows up only when you have react loaded into the browser in global scope. Like @nlgndg mentions it should be present as window.React

Solution 4:[4]

Just happened to me on Chrome 100. Reloading the page, reopening DevTools panel, toggling the extension on/off, restarting the browser and closing other app windows didn't help.

What fixed it for me was: CMD+SHIFT+P and selecting "Reload DevTools" from the command panel. For non-Macs it will probably be CTRL+SHIFT+P.

Solution 5:[5]

Restarting Chrome after installation seems to help, apart from the other answers.

I couldn't find any info on that step in the Chrome Web Store or when clicking on the plugin, so just leaving it here.

Solution 6:[6]

I was using http://localhost:3000, I went to extensions and reset the settings like toggle them and it started showing components and profiler tabs for me.. I dont know thats a solution, but it worked for me.. PS Also updated chrome version too.

Solution 7:[7]

i had the same problem . and it was solved just like @Siddharth Sharma said . open the console and create a react object just like bellow .

window.react = {};

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Giant Elk
Solution 2 AndrewBrntt
Solution 3 Dhruva Sagar
Solution 4 krukid
Solution 5 Voy
Solution 6 pmax
Solution 7 Geco