The most likely issue is that react-awesome-reveal is trying to access browser APIs during server-side rendering. I think by ensuring these components only render on the client side, you should be able to get your animations working.

Try these steps

1. Create a client-side wrapper component as shown in the first solution
2. Use that wrapper in your Next.js pages or components
3. Make sure your CSS doesn't interfere with animations
4. Configure Next.js properly for Emotion (which react-awesome-reveal uses under the hood)