The React Developer Tools extension for your browser allows you to inspect your React application and see the component tree. By default, the components tree only renders your React components but not the DOM nodes. However, you can change the default filter and show DOM nodes as well.
Follow these steps to show DOM nodes in the components tree:
- Navigate the React Components tab in the DevTools
- Click on the settings icon in the top right corner of the tree panel
- Navigate to the Components tab in the settings overlay
- Disable the toggle in the Hide components where... section.