[DevTools Bug]: React Dev Tools fails to render props and state of component.

### Website or app https://elisavidera.com/ ### Repro steps 1. Goto https://elisavidera.com/ 2. Start inspecting component 3. Issue happens on some components not all [https://static.elisa.com/v2/image/2tqybbhjs47b/3OvazhdGhnIeotXQqSB9ZK/Screenshot from 2021-12-31 13-28-10.png?w=800](url) 4. Also in browser console this gets reported 5. react_devtools_backend.js:12847 Uncaught DOMException: Blocked a frame with origin "https://elisavidera.com" from accessing a cross-origin frame. at exports.isElement (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js:12847:51) at getDataType (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js:1051:65) at dehydrate (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js:3487:82) at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js:3639:26 at Set.forEach (<anonymous>) at dehydrate (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js:3637:91) at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js:3639:26 at Set.forEach (<anonymous>) at dehydrate (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js:3637:91) at cleanForBridge (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js:1506:93) ### How often does this bug happen? Every time ### DevTools package (automated) _No response_ ### 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_