Locomotive Scroll + NextJS

_App.js

export default function MyApp({ Component, pageProps }) {
  useEffect(() => {
    let scroll;
    import('locomotive-scroll').then((locomotiveModule) => {
      scroll = new locomotiveModule.default({
        el: document.querySelector('[data-scroll-container]'),
        smooth: true,
        smoothMobile: false,
        resetNativeScroll: true,
      });
    });

    // `useEffect`'s cleanup phase
    return () => scroll.destroy();
  });

  return (
    <>
      <main data-scroll-container className="container">
        <Component {...pageProps} />
      </main>
    </>
  );
}