React Hierarchy Visualizer + show Component Code

Hi everyone,

I was wondering if there is a library which shows the hierarchy of components that are active on the current page and also shows the code for each component.

I have a job interview and would like to demonstrate a demo application. I figured instead of switching back and forth between code/application, it would be cool to have a side panel which shows the hierarchy between components, just like in the React Devtools, but also with an option to show the code for each component. That way it’s easy to navigate through the application but also see the code at the same time.

Thanks in advance everyone.