Content is blinking in the hydrogen-may project

[gbalint]

Some content is blinking/reloading/rerendering (remounting?) on all different kinds of interactions. E.g. see the tote bag here blinking on resizing something next to it:

https://screenshot.click/05-00-j4ybz-2nr75.mp4

Or simply when we switch editor mode:

https://screenshot.click/05-07-nwvug-d7e4g.gif

This may be connected to: #5834
It is suspicious that this is connected to live data coming from the loader. I also experienced that the mutation/resize observer fires in cases when there are no changes (e.g. during scrolling), that may be connected to this issue too.

[seanparsons]

It turns out the the image flickering is a combination of the component re-rendering and the "Disable cache" option being enabled in the developer tools. The "Disable cache" option and images don't particularly interact very well as it's effectively the browser overriding whatever we want to do.

[balazsbajorics]

@seanparsons is it just rerendering, or remounting? because I think a rerender where React doesn't remove-re-add the DOM node should not result in an image being reloaded. I have a feeling (but not verified) that this is a remount happening somewhere, maybe because of a botched key, or something way more abstract, like the React.element.type losing reference because of a re-evaluation of arbitrary js

[gbalint]

Superseded by #5834