React-slick: Changing slide works incorrect when infinite is false and initialSlide > 1

[serhii-hrushun-empeek]

Changing slide when initialSlide > 1 and infinite is false works wrong.
When I swipe right I expect to see next slide(initial + 1), but I always see second slide as next, when I swipe left, I always get first slide.
Also same behaviour when I click on arrows on this example, but with initialSlide: 2, infinite: false.
I think that same behaviour we have always when initial slide is set and infinite setting is false.

Link to stackblitz to reproduce. https://stackblitz.com/edit/react-brc9ys?file=src%2FApp.js
Versions:

• react-slick: 0.27.13
• react: 17.0.1

Is any recipes how to solve it?
Similar issue: https://github.com/akiran/react-slick/issues/1874

[VadimSvirdoff]

Created bug fix pull request. https://github.com/akiran/react-slick/pull/1950

[VadimSvirdoff]

@akiran #1950 ready to merge

[Elecweb]

Anyone who can't wait this issue fixed, you can use this as workaround

  const [hasSetPosition, setHasSetPosition] = useState(false);

  useEffect(() => {
    if (slider.current && !hasSetPosition) {
      slider.current?.slickGoTo(initialSlidePosition);
      setHasSetPosition(true);
    }
  }, [initialSlidePosition, hasSetPosition, slider]);

Swipe or slick's methods for navigate will work correctly.

[felipe-gustavo]

Any update about this?