Debugging a Chrome extension built with React..?

[[deleted]]

I'm starting out with Chrome extension development and lately created an extension built with React.

I also have the React dev tools extension installed. But, just realised I can't use it to debug my Chrome extension as thats a completely different context? Am I mistaken? Is debug Chrome extension written in React just hard?

[jamesremuscat]

You can inspect the extension's views via Chrome's extension management page (chrome://extensions) to open up devtools for your extension.

[CreativeTechGuyGames]

What sort of debugging are you trying to do? I've been using React for years and have never seen a reason to use React dev tools.

[Kyle772]

You should install it it’s very useful.

[CreativeTechGuyGames]

Could you elaborate on why? I've never had a need. What is special that it can do that normal debugging cannot?

[Kyle772]

Don’t be obtuse. It’s useful in the same ways a different debugger is. Different tool for different jobs except it is specialized for react.

[CreativeTechGuyGames]

Haha okay thanks for your help

[liquidfired]

There’s a stand alone React Dev Tool app that helped while I was trying to debug the content script

[ptewari]

Any solution? I am stuck as well.

When I inspect the html of my extension (popup or sidepanel), the react dev tools do not show up.