Edge 142 breaks React DevTools

[AzureZeng]

After updating to v142.0.3595.53, React DevTools is broken, saying "Looks like this page doesn't have React, or it hasn't been loaded yet."

Tested on Chrome 142 and Edge 141, and there are no such bug.

[ganlvtech]

Same issue.

Test with React DevTools 7.0.1 and 6.1.5. Both can't run on Edge 142.

(React DevTools 7.0.1 + Chrome 142 is ok.)

Looks like this page doesn't have React, or it hasn't been loaded yet.

Use Ctrl+Shift+I open DevTools for DevTools.

console log

Extension server error: Operation failed: Permission denied
e @ extensions.js:5
onmessage @ extensions.js:5

exception

Session is unregistering, can't dispatch pending call to Runtime.evaluate"

[wxupjack]

Same issue on macOS arm64 Edge 142.0.3595.53. Also, once you activate React DevTools Components or Profiler tabs, the DevTools panel cannot be closed.

• switch to old DevTools not work
• enable allow access to file urls not work
• reinstall React DevTools/Edge not work

[saschadiercks]

This seems to be a general issue with the DevTools, since ArcToolkit is also not working anymore.

Also when switching the position of the DevTools, while being on a "broken" extension (eg.: from bottom to right or vice versa) the layout gets messed up. In that case, the close-icon of the DevTools is no longer working. They can only be closed through a key-combo in that case (CMD + ALT + I).

[SunsetTechuila]

Using React DevTools also breaks all the built-in tools: Elements, Console, Sources - nothing works until you reopen the DevTools window. Edge QA is a joke (not a funny one)

[leahmsft]

Thank you all for sharing details on this issue. The engineering team is currently looking into this.

[dews]

Also, the Vue.js devtools https://chromewebstore.google.com/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp?pli=1

[jonathan-x01]

Same issue on macOS arm64 Edge 142.0.3595.53. Also, once you activate React DevTools Components or Profiler tabs, the DevTools panel cannot be closed.

• switch to old DevTools not work
• enable allow access to file urls not work
• reinstall React DevTools/Edge not work

Not just that, you also cannot refresh the page at all either, you have to close the tab and open a new tab. So, it pretty much breaks the entire tab.

[omarqra]

This is very annoying, it is not working for my next.js projects too
I had to move to npx react-devtools for now

[seanputera]

Same goes for GraphQL Network Inspector https://chromewebstore.google.com/detail/graphql-network-inspector/ndlbedplllcgconngcnfmkadhokfaaln