122 components

useImageLoader@djangocfg/ui-nextjs

Preload images and track loading state

useImageLoader Hook
Track image loading state
isLoading: false, isLoaded: false, hasError: false

Usage:

const { isLoading, isLoaded, hasError } = useImageLoader(src);

if (isLoading) return <Skeleton />;
if (hasError) return <Fallback />;
if (isLoaded) return <img src={src} />;

Import

Loading code...