当打开页面时，它不显示内容，向下滚动后，它只显示内容。我添加了https://www.npmjs.com/package/react-animate-on-scrol l这个包的动画。

<ScrollAnimation animateIn="fadeInUp" animateOnce={true} delay={100}>
    <h2 className="commonheading">
      Sell your home appliances and furniture in{" "}
      <span>3 Steps process</span>
    </h2>
    <p className="commonpara">
      Book a free pick from anywhere in the UAE at your convenience and get
      instant cash
    </p>
  </ScrollAnimation>

首先，它显示为First image
向下滚动并向上滚动后，显示内容Second image
我现在应该怎么做？我的要求是，如果内容出现，它将自动动画，而无需滚动

这是一个组件，将在多个页面中使用，因此无法删除ScrollAnimation