Skip to content

Commit a7c2c27

Browse files
committed
devtools: nightlylink react devtools, add electron jank note
1 parent 26bc8b5 commit a7c2c27

1 file changed

Lines changed: 5 additions & 1 deletion

File tree

src/content/docs/ext-dev/devtools.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,11 @@ You can set breakpoints on Webpack modules to inspect the variables at runtime.
5757

5858
React DevTools allows you to inspect the React component tree easier, instead of its representation with the DOM. You can view the sources of components and their props this way.
5959

60-
Either [use the rehosted version](https://moon.light.pm/files/reactdevtools.zip) or [download the extension and extract it yourself](https://react.dev/learn/react-developer-tools). Use the "DevTools Extensions" extension to load it, and remember to restart Discord fully after configuring it. Once loaded, a new Components tab will appear in DevTools.
60+
[Download the extension and extract it](https://nightly.link/facebook/react/workflows/runtime_build_and_test/main/react-devtools-chrome-extension.zip). Use the "DevTools Extensions" extension to load it, and remember to restart Discord fully after configuring it. Once loaded, a new Components tab will appear in DevTools.
61+
62+
:::note
63+
Due to an issue in Electron, you may have to refresh the page after launching the client and opening DevTools to get React DevTools' tabs to appear.
64+
:::
6165

6266
You can use the element picker to select components. Props are available on the right side. Click the bug icon to view data about the component. Click the bracket icon to view the source of the component.
6367

0 commit comments

Comments
 (0)