Quiero embellecer mi proyecto usando locomotora-desplazamiento en mi aplicación nextjs. Pero sigo recibiendo el documento de error no definido. ¿Como puedo resolver esto?

En resumen, esto es lo que necesito saber.

¡Gracias desde ya!

 import React, { useEffect } from "react"; import locomotiveScroll from "locomotive-scroll"; function App() { const scrollRef = React.createRef(); useEffect(() => { const scroll = new locomotiveScroll({ el: scrollRef.current, smooth: true }); }); return ( <div className="scroll" ref={scrollRef}> <h1 data-scroll data-scroll-speed="3" data-scroll-position="top"> Locomotive Scroll in React </h1> </div> ); }