Prop `data-index` did not match. Server: "-5" Client: "-3"
Đang mở
- Ngôn ngữ chính
- JavaScript
- Star
- 11.9k
- Fork
- 2.1k
- Chỉ số merge pull request
- Không có pull request nào được merge trong 30 ngày
Mô tả
I am using Next JS for SSR.
When I implement responsive breakpoints, I get this warning:
Prop `data-index` did not match. Server: "-5" Client: "-3"
My code looks like this:
`const settings = {
dots: true,
dotsClass: "custom-dots",
infinite: true,
speed: 500,
slidesToShow: 5,
slidesToScroll: 5,
nextArrow: ,
prevArrow: ,
appendDots: dots => (
- {dots}
),
customPaging: function(i) {
return (
);
},
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
};
`
Could someone please point out how can this be solved?
Thanks in advance!
Hướng dẫn đóng góp
Đánh giá
Issue này chưa được đánh giá.