added hidden to all sections aswell but 0 luck on getting it to work

You probably should start by putting the intersectionobserver inside a use effect.

I have to get back to work but this guide https://www.freecodecamp.org/news/reveal-on-scroll-in-react-using-the-intersection-observer-api/ is pretty cool and can help you get the intersectionobserver working

thanks