image loaded hook

test.ts

Object.defineProperty(Image.prototype, 'onload', {
  set: function (fn) {
      fn();
  },
  configurable: true,
});

useImageLoaded.ts

const useImageLoaded = (src) => {
  const [ready, setReady] = React.useState(false);
  React.useEffect(() => {
    if (src) {
        const img = new Image();
        img.onload = () => {
          setReady(true);
        };
        img.src = src;
        setTimeout(() => {
          setReady(true)
        }, 500);
    }
  }, [src]);
  return ready;
}