Cleaner Efficient Code with Hooks and Functional Programming - Fixing Huge Components with hooks - LazyLoader using custom component

LazyLoader.jsx

import React, { useEffect } from "react";
import { useScroll } from "./useScroll";

const LazyLoader = ({ isLoading, isCompleted }) => {
  const data = useScroll();

  // cDU
  useEffect(() => {
    //
  }, [/** dependencies */]);

  return data && <div>{data}</div>;
};