как заставить одометр реагировать, который начинает считать, когда я прокручиваю и прибываю, что на моей веб-странице не загружается веб-страница

Question

import React from "react";
import CountUp from "react-countup";
type OdometerForCountingprops = {
  title: string;
};
export default function OdometerForCounting(
  props: OdometerForCountingprops
): any {
  return (
    <div className="col-lg-3 col-md-3 col-6">
      <div className="funfact">
        <h3>
          <span className="odometer" data-count="1">
            <CountUp end={100} />
          </span>
          +
        </h3>
        <p>{props.title}</p>
      </div>
    </div>
  );
}

Я хочу иметь одометр в проекте реакции в машинописном тексте, но моя проблема в том, что я хочу видеть, как он начинает отсчет, когда я прокручиваю свою страницу и достигая этого, но он начинает считаться как загрузка страницы. Я использовал готовый подсчет npm, но мне это не помогает! У кого-нибудь есть новая идея получше?