React Developer Tools

React Developer Tools is a must-have browser extension, available for Chrome, Firefox, and Edge from their respective extension stores (a standalone version also exists for non-browser environments like React Native).

This plugin adds two tabs, the 'Components' tab, and the 'Profiler' tab, to the Developer Tools Interface (F12).

The 'Components' tab will show you the hierarchy of components rendered. You can inspect and edit the components, hooks, state, and props.