react-awesome-reveal: Animated elements doesn't rendering in development environment

Hi! I using the library with nextjs 13.5.2 and when I run npm run dev the elements doesn’t showing up, but when I run npm run build everything works. I think this problem is happening because of the incompatibility with SSR, but in the docs it says that the library supports SSR.

The Website in development environment

The Website in production

The link of the repo https://github.com/igorviniciussantana/selene-website

About this issue

Original URL
State: closed
Created 9 months ago
Reactions: 4
Comments: 16 (3 by maintainers)

Most upvoted comments

Having the exact same issue. It seems like Next.js 13.5 may have changed something, as on Next 13.4 this tool works in the development environment. Downgrading my project to 13.4 fixed this issue.

directlycrazy on Sep 27, 2023

Thanks for the example - Just want to confirm the problem isn’t related to react-intersection-observer.

Tried adding a useInView to the sandbox, and it works as expected.

thebuilder on Nov 1, 2023

Same issue. Any workaround to use with Next.js 13.5?

SidrahR on Oct 24, 2023

Same issue . Please suggest fix or alternative.

alay-patel on Oct 3, 2023