antoinelin/react-locomotive-scroll

data-scroll-section/data-scroll-sticky Isn't working

Closed this issue · 1 comments

By following the documentation provided by locomotive scroll
This code results with the following error:

<div className={`c-section -fixed`} data-scroll-section data-persistent>
       <div className="c-fixed_wrapper" data-scroll data-scroll-repeat>
              <div className="c-fixed_target" id="fixed-target"></div>
               <div className="c-fixed" data-scroll data-scroll-sticky data-scroll-target="#fixed-target">
                      {/* 
                      // @ts-ignore */}
                     <div onScroll={onScroll}>
                            Content goes here
                     </div>
              </div>
       </div>
</div>

Error:

Unhandled Runtime Error

Error: react-locomotive-scroll: TypeError: section is undefined
Call Stack
LocomotiveScrollProvider/</</<
node_modules\react-locomotive-scroll\module\LocomotiveScroll.context.js (34:0)
fulfilled
node_modules\tslib\tslib.es6.js (71:42)
promise callback*step
node_modules\tslib\tslib.es6.js (73:32)
__awaiter/<
node_modules\tslib\tslib.es6.js (74:0)
__awaiter
node_modules\tslib\tslib.es6.js (70:0)
LocomotiveScrollProvider/</<
node_modules\react-locomotive-scroll\module\LocomotiveScroll.context.js (23:0)
LocomotiveScrollProvider/<
node_modules\react-locomotive-scroll\module\LocomotiveScroll.context.js (36:9)
commitHookEffectListMount
node_modules\react-dom\cjs\react-dom.development.js (23150:0)
commitPassiveMountOnFiber
node_modules\react-dom\cjs\react-dom.development.js (24926:0)
commitPassiveMountEffects_complete
node_modules\react-dom\cjs\react-dom.development.js (24891:0)
commitPassiveMountEffects_begin
node_modules\react-dom\cjs\react-dom.development.js (24878:0)
commitPassiveMountEffects
node_modules\react-dom\cjs\react-dom.development.js (24866:0)
flushPassiveEffectsImpl
node_modules\react-dom\cjs\react-dom.development.js (27039:0)
flushPassiveEffects
node_modules\react-dom\cjs\react-dom.development.js (26984:0)
commitRootImpl/<
node_modules\react-dom\cjs\react-dom.development.js (26769:0)
workLoop
node_modules\scheduler\cjs\scheduler.development.js (266:0)
flushWork
node_modules\scheduler\cjs\scheduler.development.js (239:0)
performWorkUntilDeadline
node_modules\scheduler\cjs\scheduler.development.js (533:0)
EventHandlerNonNull*
node_modules\scheduler\cjs\scheduler.development.js (571:0)
<unknown>
node_modules\scheduler\cjs\scheduler.development.js (633:3)
./node_modules/scheduler/cjs/scheduler.development.js
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/main.js (1190:1)
options.factory
/_next/static/chunks/webpack.js (718:31)
__webpack_require__
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/webpack.js (37:33)
fn
/_next/static/chunks/webpack.js (373:21)
<unknown>
node_modules\scheduler\index.js (6:2)
./node_modules/scheduler/index.js
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/main.js (1201:1)
options.factory
/_next/static/chunks/webpack.js (718:31)
__webpack_require__
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/webpack.js (37:33)
fn
/_next/static/chunks/webpack.js (373:21)
<unknown>
node_modules\react-dom\cjs\react-dom.development.js (27:24)
<unknown>
node_modules\react-dom\cjs\react-dom.development.js (29867:3)
./node_modules/react-dom/cjs/react-dom.development.js
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/main.js (1135:1)
options.factory
/_next/static/chunks/webpack.js (718:31)
__webpack_require__
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/webpack.js (37:33)
fn
/_next/static/chunks/webpack.js (373:21)
<unknown>
node_modules\react-dom\index.js (37:2)
./node_modules/react-dom/index.js
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/main.js (1157:1)
options.factory
/_next/static/chunks/webpack.js (718:31)
__webpack_require__
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/webpack.js (37:33)
fn
/_next/static/chunks/webpack.js (373:21)
<unknown>
node_modules\next\dist\client\portal\index.js (8:24)
./node_modules/next/dist/client/portal/index.js
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/main.js (533:1)
options.factory
/_next/static/chunks/webpack.js (718:31)
__webpack_require__
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/webpack.js (37:33)
fn
/_next/static/chunks/webpack.js (373:21)
<unknown>
node_modules\next\dist\client\index.js (21:22)
./node_modules/next/dist/client/index.js
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/main.js (478:1)
options.factory
/_next/static/chunks/webpack.js (718:31)
__webpack_require__
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/webpack.js (37:33)
fn
/_next/static/chunks/webpack.js (373:21)
<unknown>
node_modules\next\dist\client\next-dev.js (3:16)
./node_modules/next/dist/client/next-dev.js
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/main.js (489:1)
options.factory
/_next/static/chunks/webpack.js (718:31)
__webpack_require__
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/webpack.js (37:33)
__webpack_exec__
/_next/static/chunks/main.js (1217:61)
<unknown>
file:/C:/Users/naim1/Desktop/portfolio-site/.next/static/chunks/main.js (1218:53)
<unknown>
webpackJsonpCallback@http://localhost:3000/_next/static/chunks/webpack.js?ts=1663273974032 (1303:46)
<unknown>
/_next/static/chunks/main.js (9:61)

Error on my part