declare type State = { image: HTMLImageElement | null; error: unknown | null; }; /** * Fetch and load an image for programatic use such as in a `` element. * * @param imageOrUrl The `HtmlImageElement` or image url to load * @param crossOrigin The `crossorigin` attribute to set * * ```ts * const { image, error } = useImage('/static/kittens.png') * const ref = useRef() * * useEffect(() => { * const ctx = ref.current.getContext('2d') * * if (image) { * ctx.drawImage(image, 0, 0) * } * }, [ref, image]) * * return ( * <> * {error && "there was a problem loading the image"} * * * ``` */ export default function useImage(imageOrUrl?: string | HTMLImageElement | null | undefined, crossOrigin?: 'anonymous' | 'use-credentials' | string): State; export {};