'React hot reload adding iFrame with high z-index, nothing clickable unless dom element deleted

Whenever I make a save and React hot reloads the app, an iframe with a high z-index gets injected which makes the UI un-clickable.

I have to either open up dev tools and delete the element OR I have to refresh the UI for things to work correctly again.

If I delete the dom element, it doesn't attempt to add again into the UI unless I refresh and there's another hot reload. Using incognito or no extensions gives the same result.

iframe and code that's being injected



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source