Function useImage

src/image/index.tsx:26–45

({ src }: { src: string })

}

export function useImage({ src }: { src: string }): {
    src: string | undefined;
    isLoading: boolean;
} {
    const [loading, setLoading] = React.useState(true);
    const [value, setValue] = React.useState<string | undefined>(undefined);

    React.useEffect(() => {
        loadImage(src)
            .then(() => {
                setLoading(false);
                setValue(src);
            })
            .finally(() => {
                setLoading(false);
            });
    }, [src]);

    return { isLoading: loading, src: value };
}

const ImageComponent = (props: IProps) => {
    const { lazy } = props;