search

leandrowd / react-responsive-carousel

React.js Responsive Carousel (with Swipe)
http://leandrowd.github.io/react-responsive-carousel/
MIT License
2.67k stars 630 forks source link

NEXT 13.4.5: Uncaught TypeError: Super expression must either be null or a function, not undefined #738

Closed DocSJ1980 closed 1 year ago

DocSJ1980 commented 1 year ago

Uncaught TypeError: Super expression must either be null or a function, not undefined at _inherits (webpack-internal:///(sc_server)/./node_modules/react-responsive-carousel/node_modules/react-easy-swipe/lib/react-swipe.js:74:19) at eval (webpack-internal:///(sc_server)/./node_modules/react-responsive-carousel/node_modules/react-easy-swipe/lib/react-swipe.js:122:9) at Object.eval (webpack-internal:///(sc_server)/./node_modules/react-responsive-carousel/node_modules/react-easy-swipe/lib/react-swipe.js:290:6) at eval (webpack-internal:///(sc_server)/./node_modules/react-responsive-carousel/node_modules/react-easy-swipe/lib/react-swipe.js:9:35) at eval (webpack-internal:///(sc_server)/./node_modules/react-responsive-carousel/node_modules/react-easy-swipe/lib/react-swipe.js:12:3) at (sc_server)/./node_modules/react-responsive-carousel/node_modules/react-easy-swipe/lib/react-swipe.js (file://C:\Users\Hp Pavilion\Documents\MERNStack\sjEcom\nextjs.next\server\app\page.js:2683:1) at __webpack_require__ (file://C:\Users\Hp Pavilion\Documents\MERNStack\sjEcom\nextjs.next\server\webpack-runtime.js:33:43) at eval (webpack-internal:///(sc_server)/./node_modules/react-responsive-carousel/node_modules/react-easy-swipe/lib/index.js:5:13) at eval (webpack-internal:///(sc_server)/./node_modules/react-responsive-carousel/node_modules/react-easy-swipe/lib/index.js:11:3) at (sc_server)/./node_modules/react-responsive-carousel/node_modules/react-easy-swipe/lib/index.js (file://C:\Users\Hp Pavilion\Documents\MERNStack\sjEcom\nextjs.next\server\app\page.js:2673:1)

LouisMuriuki commented 1 year ago

try to use 'use client' on the first line of the component using this lib

damywise commented 1 year ago

@LouisMuriuki can you please add an example Edit: nevermind, example:

'use client';
// the rest of the code
hajjarjoseph commented 1 year ago

This is still an issue if you want to have the carousel rendered at the server side ( don't want to 'use client') for SEO purposes for example...

paulong commented 1 year ago

try to use 'use client' on the first line of the component using this lib

I dont know how to use it! in my homepage doesn't work but in the rest of the page does for example about

paulong commented 1 year ago

try to use 'use client' on the first line of the component using this lib

I dont know how to use it! in my homepage doesn't work but in the rest of the page does for example about

VaibhavKambar7 commented 1 year ago

Thanks ❤ @LouisMuriuki