Quiero que la animación se active tanto en el desplazamiento hacia abajo como hacia arriba, pero AOS b por defecto activa la animación en el desplazamiento hacia abajo.

este es mi codigo

 <div className={css.arrow} data-aos="fade-up"> <Image src={img5} alt="img5" /> </div>

Intenté poner data-aos-mirror="true" según este stackoverflow ingrese la descripción del enlace aquí , pero no funcionó.

 <div className={css.arrow} data-aos="fade-up data-aos-mirror="true"> <Image src={img5} alt="img5" /> </div>

También hice esto pero no funciona

 useEffect(()=>{ AOS.init({ debounceDelay: 50, // the delay on debounce used while resizing window (advanced) once: false, // whether animation should happen only once - while scrolling down mirror: true, // whether elements should animate out while scrolling past them }); } ,[])