It renders components, when they are in viewport.
Use node package manager to install @mertsolak/render-by-scroll.
npm i @mertsolak/render-by-scroll
import { RenderByScroll } from '@mertsolak/render-by-scroll';
const App = () => (
<RenderByScroll>
<p>This p tag will be rendered when it is in viewport</p>
</RenderByScroll>
);
export default App;