React-Sight
Malware Detected
This extension has been flagged as potentially malicious.
Extension Delisted
This extension is no longer available in the official store. Delisted on 2025-09-17.
Extends the Developer Tools, adding a sidebar that displays React Component Hierarchy.
A Chrome Developer tool that displays the component hierarchy of React applications - Perfect for your own projects and for learning how organizations structure their own.
After adding React Sight to your browser, you will have a new tab in your Chrome Dev Tools. React Sight will read React's virtual DOM and render an interactive tree diagram of the components rendered on the page. By hovering over the nodes, you can see the components state and props and how they change in real time.
***SET UP***
1. Install React Dev Tools
2. Install React Sight
3. Run your React application, or open (almost!) any website running React!
4. Open Chrome Developer Tools -> Click on React Sight panel
*If you are running local file URLs, make sure to enable "Allow access to file URLs" in the extension settings for both React Dev Tools and React Sight
Be sure to check us out on GitHub and www.reactsight.com!
-----
This has been the side project and & passion of just a few devs. There are some bugs, and it won't work on every application. If it's not working for your project, please send use an email at [email protected] and we'll take a look at how we can make it work!
Thanks for checking out React Sight!
Latest reviews
Completely unusable for me: cratered the response time on my app -- what used to take 1-2 seconds to load now took 25 seconds. Multiple page-wait displays from chrome and high CPU usage.
This extension causes death loop in React app.
I like the concept of the extension. However, it severely degrades the performance of Google Chrome. When I try to access Slack, for example, the web page freezes completely.
Makes react application extremely slow and unresponsive. Cant recommend it to anyone... Had myself searching for the problem for 4 hours straight....
This extension slow down a lot of pages like Notions a Whatsapp web.
Doesn't work, as everyone else I'm getting the "Cannot find React" error.
Broken, runs an infinite loop.
I think an intern made this extension, it has bad performance and make the application crash. Perhaps they are mining bitcoin with it? who knows? most likely.
Absolutely trash extension - didnt work at all and it made my application lag.
I installed a bundle of extensions for React.js development. Then, most of web apps that are using React included Messenger, Facebook, Asana, etc... suddenly very laggy after a few words typing or dragging. I thought the bug comes from the app / React dev team or Chrome Beta (Edge Beta with clean install state is ok). However, later I check Yahoo Mail and suddenly detect the performance problem occurs after a few usage. This extension seems blocking the rendering of React runtime. Please fix it soon or decide to deprecated this extension.
Non funziona (React 16.12.0)
It does not take effect after installation. There is always a small picture bouncing when you turn on the react_sight of F12. There is no other effect except for the first time
Does not work as per the GH issue.
Broken and no longer maintained
It seems the team working on this has gone silent. Doesn't work in recent (16.8) react version.
It is no longer maintained. and apparently it wont work for latest version of react. https://github.com/React-Sight/React-Sight/issues/134/#issuecomment-465236544
Failed. "Cannot find React. Triggering a setState() usually fixes this" Tried navigating to trigger setState(). Tried local and remote sites. Thanks, but uninstalling.
Did "Allow access to file URLs" and refresh and navigations multiple times. Still getting Cannot find React Triggering a setState() ussually fixes this Note: React-Sight works best on local projects with React v15/16 Using React V16.4
It doesn't work on large apps as you get the "Object reference chain is too long" in Chrome. Please add a fix for this, maybe a limit to how far up the object chain it goes and fail gently. I'll do a better review then.
Unfortunately the first view it showed seemed to be zoomed in too far and only showed 3 components. It then froze up as I tried to zoom out and eventually crashed and reloaded
Not worth to install. I got an error: 'Cannot find React' and there's no solution. This issue was submitted at github on Apr. 23, while it seems no solution was provided.
For react developers, perfect tool to react :)
Seems to stop working if your components are deeply nested. If you're composing and nesting a lot of components, you might run into the same issue. Extension stopped graphing at a given url's <Route /> with nothing under it. It only managed to show our providers, containers, and routing-related HoCs/components, which wasn't super helpful. Suffered the same issue other folks are reporting with getting it to start showing information.
When it works, it's awesome! "Cannot find React" => Checkout https://github.com/React-Sight/React-Sight/issues/134/ (Fixed me in a second). Also don't forget to turn on "Allow access to file URLs" in chrome://extensions/ for both React-Sight and React DevTools
Getting Error on local react project: Cannot find React Triggering a setState() ussually fixes this
has an error inside and doesn't work
Has potential but controls are not usable for large react apps with many nodes. It's very easy to get lost when searching for nodes. I often find myself zooming out but never being able to find my way back to a node because I scrolled too far offscreen. Some recommendations 1) when clicking on a top node link, automatically focus that node in the tree. 2) provide a way like right-click > Inspect, to be able to visually select a node from the rendered page.
Not working with react 16
not working with react 16 for sure and rest I can not confirm. good day.
Too much recursion... Cannot find imported React library And that's on reactsight.com...
excelente
Wow! this is exactly the tool I've been looking for while developing in React! Thank you!!
Very helpful, pretty straightforward to use so far
Very interesting approach. Very useful to view what is going on in your apps. It would be nice to allow the screen showing up the tree to scroll horizontally and vertically and keep the right screen fixed to view information of the node.
message is "too much recursion" . even on empty CRA app
I hope they continue to add more features. I can see potential
Great tool for seeing what's going on in your react app. Super easy to install and use.
very useful for debugging my apps!