AOS is not working with NexJs in production

[gkp-dev]

I try AOS on my website made with NextJs and it worked nicely in development but in production the layout doesn't appear.

`import { useEffect } from 'react' import AOS from 'aos' import 'aos/dist/aos.css'

function Header() { useEffect(() => { AOS.init({ duration: 1600 }) })

return ( <header className="text-white" data-aos="fade-up"> <div className="bg-red-500 w-80 h-80"> ) }

export default Header`

[bob-nem]

On my NexJs project it not work too

[gkp-dev]

I thought at first it was the server side rendering made by nextJs but It's not and and i don't know why.

[meik1998dev]

same issue

[digeverything]

Looks like you might be experiencing the same issue as #574 which has a suggested solution https://github.com/michalsnik/aos/issues/574#issuecomment-904994056