CRA - DOM has unwanted iframe which blocks to choose the element from developer tool

[ssthil]

Didn't work the below steps. Still there is an iframe inside the dom.

I recently had this issue aswell.
I did couple of things to make it work. You can try these aswell.

Change the react-script version to 4.0.3 inside package.json.
Add this to package.json below the dependencies
"resolutions": { "react-error-overlay": "6.0.9" },
Install react-error-overlay v6.0.9 inside your devDependencies.
Remove your node_modules and package-lock.json.
Do npm install and check that works.
Note: After doing the above steps i had to run npm install react-error-overlay@6.0.9 again to fix this issue.

Hope this helps!!

[Reflex-Gravity]

This is happening with us too. It's blocking the entire app content. It's happening only for localhost AFAIK. It's happening on Chrome and Firefox browsers too.

Please check the screenshot below for more details:

[jrmarqueshd]

Same case for me.

I solved using this issue #11880

Resuming. In your package.json change the version of react-scripts to 4.0.3, and then run npm/yarn install again.