How to render React components inside devtools

[PedramMarandi]

Hi everyone,

I've been trying to render React in devtools. Going through the documentation seems like there is no example or API to do so.

I wonder if this is possible and wether you guys have done this before?

[aklinker1]

This example shows how to add UIs to devtools. You just need to add the basic react boilerplate to the panel/pane to render a react app.

https://github.com/wxt-dev/examples/tree/main/examples%2Fdevtools-extension

Here's the boilerplate, react's docs don't do a good job showing you how to mount an app from scratch, but it's quite simple:

https://github.com/wxt-dev/wxt/blob/5f977857a1daec181eeffd3c698a6dc644a56180/templates/react/entrypoints/popup/main.tsx