A simple React hook for listening to image load/error states
useImageLoadState is a reusable hook that listens for load and error events on given image, and returns their current state. This allows you to implement functionaility based on the image state without having to rewrite callbacks and event listeners each time.
- Lightweight < 468B
- Unsubscribes all event listeners when the hook is unmounted
- Written and typed with TypeScript
import useImageLoadState from "useimageloadstate";
const image = 'https://www.fillmurray.com/460/300';
const { hasLoaded, hasError, isFetching } = useImageLoadState(image);hasLoaded-boolean- loading state of the imagehasError-boolean- error state of the imageisFetching-boolean- fetching state of the imageimage-string- the image original image url