why is img onLoad not triggerring

[accountunavaible]

hi all,
I am trying to add a loading effect to img element, I have built out a component wiht state of isLoading, but I am having issue that img onLoad event is not triggering (so that my isLoading state is always true). Has anyone having same issue?

I have to use useEffect for walkaround ( I need to add ref, add eventListener to the ref, and a function, which is so crazy), is there anything that I can mark this component as client component so it will trigger the event?

thanks

[sergiodxa]

Every component is a client component in Remix, otherwise your effect wouldn't work.

The most likely reason is that the image loads before React hydrates the app, so the load even already happened.

[accountunavaible]

ah ok, thank you