[DevTools Bug]: configure by add webpack entry in document doesn't work

### Website or app https://github.com/tjx666/awesome-chrome-extension-boilerplate/tree/vue3 ### Repro steps  <img width="1440" alt="image" src="https://user-images.githubusercontent.com/41773861/203153962-4f47996d-be2c-438a-b72f-d8a32cbc198c.png"> <img width="1440" alt="image" src="https://user-images.githubusercontent.com/41773861/203154053-a672c033-5299-449a-a3a9-21d1468b655f.png"> related https://github.com/facebook/react/issues/24844#issuecomment-1325511675 I load react-devtools by put in most front of webpack entry: https://github.com/tjx666/awesome-chrome-extension-boilerplate/blob/aad9001069cb19cfc5583615b864740b322b7923/server/utils/entry.ts#L29 1. git clone https://github.com/tjx666/awesome-chrome-extension-boilerplate.git 2. git checkout manifest-v3 3. git reset --hard aad9001069cb19cfc5583615b864740b322b7923 4. pnpm install 5. run pnpm devtools 6. chrome open chrome://extensions/ 7. enable chrome extension develop mode 8. load unpack extension folder under project root 9. open options page of this extension 10. then you will see the error in above screenshot. ### How often does this bug happen? Every time ### DevTools package (automated) ```"react-devtools": "4.26.1"``` ### DevTools version (automated) _No response_ ### Error message (automated) _No response_ ### Error call stack (automated) _No response_ ### Error component stack (automated) _No response_ ### GitHub query string (automated) _No response_