I want the animation to be triggered in both down and up scroll but AOS b default on triggers animation on down scroll.

This is my code

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

I tried putting data-aos-mirror="true" as per this stackoverflow enter link description here but it did not work.

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

Also did this but its not working

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

});
}
,[])