Nextjs Dyncamic import animation doesn't work?

[gsambrotta]

Hi there, I'm using react-odometerjs in Nextjs.
As suggested by the doc, I import it with dynamic import but I this way the number don't animate when change.
Maybe is something else but if I import it without dynamic import, I can see the number animate just before the next render when I get the error "document not defined".

Anyone else having this issue?

[gsambrotta]

To make the animation works we just need to implement also the clean up function, which is anyway a best practice!

useEffect(() => {
    setOdometerValue(300);
    const interval = setInterval(() => {
      setOdometerValue((value) => value + 300);
    }, 20000);
    
    return () => clearInterval(interval);
}, []);

Hope this helps others!