React Click To Component

React Click To Component, a Chrome extension to open a React component in the editor by clicking on it.

As of May 2026, React Click To Component has 266 users and a 3.67/5 rating from 3 reviews in the Developer Tools category.

Developer Tools

Chrome Web Store ↗.crx

Users+6.8%

266

Rating0%

3.67

3 reviews

Reviews0%

Version

0.5

Manifest V3

History

2 snapshots

Tracking since Apr 29, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 29, 2026	249	3.67	3	0.5
May 26, 2026	261	3.67	3	0.5
Now	266	3.67	3	0.5

Permissions & access

Permissions: scriptingwebNavigation
Host access: http://*/*

Screenshots

About

React Click To Component, is a Chrome extension to open a React component in the editor by clicking on it.

`Option + Click` (on MacOS) or `Alt + Click` (on Linux/Windows) takes you to the code editor

The extension also supports TurboPack builds where the project root is not exposed. You'll just need to setup the project root file when prompted. The updated value can be manipulated on the localStorage as required.

To see how this works, checkout the repo at and raise any issues on the extension at the GitHub repository. And if you like the extension, star the repo too!

Features
- Option + Click or Alt + Click on a component to open the file in an editor
- Highlight the component name when hovering over it with Option/Alt key pressed
- Supports Turbopack builds with manually defined project roots (that can be changed simply by updating the localStorage key clickToReact-projectPath-{HOST})
- Now the extension copies the path to clipboard instead of opening the file, for editors that doesn't support opening file:// URLs. You can set the editor with clickToReact-editor-{HOST} localStorage key.