ScrollReveal doesn't work with react-snap on first load, but after navigating with react-router to any page and come back again, is starts working on the same page

[burakkbilginn]

As stated on the title, ScrollReveal doesn't work with react-snap on first load, but after navigating (with react-router) to any page and come again, is starts working on the same page. The code is like this:

var slideFromBottom = {
   distance: "40%",
   origin: "bottom",
   opacity: 0,
   duration: 1000,
   easing: "ease-out",
   reset: true,
   mobile: true,
 }
 useEffect(()=>{
     setTimeout(() => ScrollReveal().delegate(), 250)
     ScrollReveal().reveal(".modalContainer", slideFromBottom)
  },[])

Should I use a different library? Or maybe is there a way to handle this problem occuring with react-snap library(creating static html)?

Environment

• Operating System: Windows 10 Pro
• Browser Version:
• ScrollReveal Version: 4.0.9