diff --git a/src/element/LazyImage.js b/src/element/LazyImage.js index 87f5f01..2dadc53 100644 --- a/src/element/LazyImage.js +++ b/src/element/LazyImage.js @@ -1,11 +1,22 @@ +import { useEffect, useState } from 'react'; import { useInView } from 'react-intersection-observer'; export default function LazyImage(props) { const { ref, inView, entry } = useInView(); + const [shown, setShown] = useState(false); + + useEffect(() => { + setShown(s => { + if (!s && inView) { + return true; + } + return s; + }) + }, [inView]); return (
- {inView ? : null} + {shown ? : null}
) } \ No newline at end of file