make DOM event handled after React hydrate

event_after_hydrate.tsx

const handleLoad = (
  e: SyntheticEvent<HTMLImageElement>
) => {
  console.log('onload');
};

return (
  <img
    ref={(input: HTMLImageElement | null) => {
      if (input) {
        (input.onload as any) = handleLoad;
        imgRef.current = input;
      }
    }}
    src={'example.webp'}
  />
);