Bug: React Dev Tools injects its own js code (installHook.js) and then tries to download the source map if its own code

[staenker]

React Dev Tools injects its own js code (installHook.js) and then tries to download the source map of its own code. Since my app does not know about installHook.js it can not generate the source map. So far, no harm done. But then, I get that huge warning in my console. And I google... And I chatGPT, dive into the deep realms of generating source maps, ...and after wasting an hour... find out by digging into the source code of the dev tools, that someone was too lazy to filter out your own files. The internet is full of this problem. It is time to fix it.

React version: 19.0.0

Steps To Reproduce

1. Create a react app
2. install react developer tools
3. execute npm run dev
4. open the console of the browser
5. be annoyed by a warning, that the sourceMap of installHook.js cannot be found or is invalid

Link to code example: I tried using CodeSandbox, CodeSandbox itself is filling my console with warnings... Just execute a good old google query: https://www.google.com/search?q=installhook.js.map

Workaround

Serve your own installHook.js.map file. I put one in the public directory of my react app. Contents:

{
  "version": 3,
  "file": "installHook.js",
  "sources": ["installHook.js"],
  "sourcesContent": [""],
  "mappings": ""
}

The current behavior

The expected behavior

I don't see a warning.

[TommeZ]

Getting a similar error in my Firefox console when using the React Dev Tools add on

[hoxyq]

I am pretty sure it is Firefox-only issue and it is because it can't handle relative source map urls for React DevTools' scripts.

From React DevTools perspective, I believe we are shipping correct source maps and I do believe this is a limitation on Firefox side.

Would appreciate anyone spending some time to do a research if we can somehow fix this for Firefox extension, but we certainly need to ship source map for this script to get it ignore listed. I am happy to share more context on why we ship source map for our browser extension, if needed.

[thebrownfox]

This causes rerendering of astro pages as well 😅

withastro/astro#13285