How to use

ScrollAnimation

in

react-animate-on-scroll

const DashboardPage = (props) => {
 const { user } = useContext(UserContext);

 if (user.loggedIn) {
  return (
   <>
    <DashboardBg />
    <div className='dashboard-page'>
     {/* TODO: Show total score */}
     <ScrollAnimation animateIn='flipInY'>
      <Explorer>
       <ExplorerFileList />
      </Explorer>
     </ScrollAnimation>
    </div>
    <Footer />
   </>
  );  
 } else {
  return <Redirect to={"/signin"} />;
 }
}

  <Row>
    <div className="col">
      <ScrollAnimation animateIn='zoomIn' animateOnce={true}>
      <h2>Soluciones </h2>
    <h4>Tenemos diversas soluciones para cada empresa</h4>
   <Row>
     <div className="col">
     <ScrollAnimation animateIn="fadeInRight">
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto eius natus et dolorum nam numquam magni minima corrupti vero quam, eos corporis, impedit molestias a necessitatibus odit qui iure. Ut.</p>
   </ScrollAnimation>
  <ScrollAnimation animateIn="zoomInLeft" animateOnce={true}>
    <h1> hello</h1>
  </ScrollAnimation>
  textAlign:"center"
}}>
  <ScrollAnimation animateIn="fadeInLeft">
    <h2>Start Hello</h2>
  </ScrollAnimation>
  textAlign:"center"
}}>
  <ScrollAnimation animateIn="fadeInRight" duration="3s">
    <h2>fall Down </h2>
  </ScrollAnimation>