Hook for intersection observer
npm install react-observer-hookSimple hook that returns whether the element is in view or not.
``javascript
import React, { useRef, useEffect } from "react";
import { useObserver } from "react-observer-hook";
const App = () => {
const elem = useRef();
const [setElem, visible] = useObserver();
useEffect(() => {
setElem(elem.current);
}, []);
useEffect(() => {
if (visible) {
console.log(I'm visible);
}
}, [visible]);
return (
<>
}}
ref={elem}
>
Hello
export default App;
``