Function HookComponent

src/__tests__/useInView.test.tsx:12–25

({
  options,
  unmount,
}: {
  options?: IntersectionOptions;
  unmount?: boolean;
})

import { useInView } from "../useInView";

const HookComponent = ({
  options,
  unmount,
}: {
  options?: IntersectionOptions;
  unmount?: boolean;
}) => {
  const [ref, inView] = useInView(options);
  return (
    <div data-testid="wrapper" ref={!unmount ? ref : undefined}>
      {inView.toString()}
    </div>
  );
};

const LazyHookComponent = ({ options }: { options?: IntersectionOptions }) => {
  const [isLoading, setIsLoading] = React.useState(true);