after updating to v2, react-slick is not working #7598
Labels
Comments
|
Potentially a duplicate of #7593 |
|
@pullmann4rent - Did you ever get this working?.. I have the exact same issue. |
Yes like this: |
|
@pullmann4rent - Thank you so much for you response - you legend. I'm not sure any amount of googling was going to get me the answer. All the best. J |
|
Sounds like this has been resolved by OP. |
|
This is still not solved. @brophdawg11 |
|
Working Solution: You need to import the Module on the Client. const [Slider, setSlider] = useState(null);
useEffect(() => {
import("react-slick").then((Module) => {
setSlider(() => Module.default);
});
}, []);
var sliderSettings = {
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
};
{Slider ? (
<Slider {...sliderSettings}>
<Image
height="250px"
width="500px"
objectFit={"cover"}
backgroundPosition={"center center"}
src="/cover.png"
/>
<Image
height="250px"
width="500px"
objectFit={"cover"}
backgroundPosition={"center center"}
src="/cover.png"
/>
</Slider>
) : (
<></>
)}This way, you can get things working. Make sure |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
What version of Remix are you using?
2.0.1
Are all your remix dependencies & dev-dependencies using the same version?
Steps to Reproduce
I created a new remix app with version 2 and want to use slick but its not working.
Expected Behavior
I got this error:
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
Check the render method of
ModalSlider.at createFiberFromTypeAndProps (http://localhost:3000/build/_shared/chunk-GIAAE3CH.js:20439:25)
at createFiberFromElement (http://localhost:3000/build/_shared/chunk-GIAAE3CH.js:20460:23)
at createChild (http://localhost:3000/build/_shared/chunk-GIAAE3CH.js:11377:34)
at reconcileChildrenArray (http://localhost:3000/build/_shared/chunk-GIAAE3CH.js:11570:33)
at reconcileChildFibers2 (http://localhost:3000/build/_shared/chunk-GIAAE3CH.js:11847:24)
at reconcileChildren (http://localhost:3000/build/_shared/chunk-GIAAE3CH.js:14292:37)
at updateHostComponent (http://localhost:3000/build/_shared/chunk-GIAAE3CH.js:14802:11)
at beginWork (http://localhost:3000/build/_shared/chunk-GIAAE3CH.js:15923:22)
at beginWork$1 (http://localhost:3000/build/_shared/chunk-GIAAE3CH.js:19749:22)
at performUnitOfWork (http://localhost:3000/build/_shared/chunk-GIAAE3CH.js:19194:20)
Actual Behavior
BTW: https://github.com/kevinfarrugia/react-glider this libary also not work with remix new update I get same error...
The text was updated successfully, but these errors were encountered: