AOS doesn't work properly in React invisible component

[maksym1015]

Hello, @michalsnik

I used AOS to my Create React App.
But it works on the visible component but doesn't work properly on the invisible component.

When I inspect the site it didn't apply to the aos-animate class name to the invisible component.

Ofc, I all did
import AOS from "aos";
import "aos/dist/aos.css";

useEffect(() => {
AOS.init({
startEvent: "DOMContentLoaded",
offset: 200,
duration: 3000,
once: true,
});
}, []);

Already, read the above solutions but have not found the solution.
Hope you solve this problem ASAP.

Max

[fyalavuz]

if you call AOS.init outside of component (after imports), it works.