Closed daxamayac closed 2 years ago
I also have the same problem, after updating my project to react 18 the carousel started to fail with Infinity mode and show white sliders
Hey @daxamayac, thanks for raising this with us. I am able to reproduce the bugs with the StrictMode. I will try to ship a fix asap.
I found the root cause of this issue. it's caused by React new behaviour under StrictMode. React will unmount and remount the component. This should be fixed now with v5.0.11.
About the cellSpacing property. We really consider removing this property, cause sounds useless. If developer want cell spacing, they can easily wrap their image (for example) in a div with padding: 0 50px. We are doing the same thing, here is a sandbox example . I cannot reproduce the issue with cellSpacing locally. Here is an example with Next.js and cellSpacing link.
About the flickering, can you collaborate more. Recorded video will do the job. Thank you.
Hi...
All problems are resolved.
Thanks..
Bugs and Questions
Prerequisites
Describe Your Environment
Describe the Problem
Multiple Problems
Sandbox: https://codesandbox.io/s/nuka-carousel-react-18-3oelyx
Expected behavior: infinity mode without flicker and with cellSpacing Actual behavior: infinity mode no work, flicker in transition, and cellSpacing crete double row