Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript React Basics (2018) Thinking in Components React Developer Tools

Posted by <noob />
<noob />
17,062 Points

I can't expand the component in React dev tools to see the actual tree

https://gyazo.com/ee58f7782f6580313d3c920523ad774d

I only see the component name's and when i try to click on them nothing happens.

2 Answers

Luffy Monkey
seal-mask
.a{fill-rule:evenodd;}techdegree
Luffy Monkey
Full Stack JavaScript Techdegree Student 366 Points
Luffy Monkey
.a{fill-rule:evenodd;}techdegree
Luffy Monkey
Full Stack JavaScript Techdegree Student 366 Points

It's because it updated.

https://reactjs.org/blog/2019/08/15/new-react-devtools.html

James Caruso
James Caruso
860 Points
James Caruso
James Caruso
860 Points

Yeah, I noticed the same thing. If you go to the React extension page you can see older versions; I rolled mine back to 3.6 and that seemed to do the trick. Kinda weird they would update the tool to be less intuitive but ¯_(ツ)_/¯