AOS is not working and not getting error in nextjs 13.5

why aos not wroking?
before it worked, after I used chakraUI it didn’t work

...

  
      <body className={inter.className}>
        <ChakraProvider>
          <AOSInit />
          {children}
        </ChakraProvider>
      </body>

below are the file for AOS, this file is separate:

> "use client";
...
export const AOSInit = () => {
  useEffect(() => {
    AOS.init({
      easing: "ease-out-quad",
      duration: 1000,
      once: false,
    });
  }, []);

  return null;
};

please help how to fix this ?