Play back from bigger segment to smaller one

[ivanjeremic]

I currently try to play from a segment higher up to a segment near start.

lottieRef.current.playSegments({
            segments: [94, 15],
          });

So here I try from 94 to 15 but it goes the wrong direction, also setting direction with setDirection before does not work and should also not be required for this, so what exactly I'm doing wrong here? Thanks

[ivanjeremic]

Here my component, when doing the playback goLeft function the actual animation does not go back it play again in the normal direction, how can I fix this? Thanks @Gamote

function HirnComponente() {
  const router = useRouter();

  const lottieRef = useRef();

  const goRight = () => {
    lottieRef.current.setDirection(1);
    lottieRef.current.playSegments({ segments: [15, 94] });
  };

  const goLeft = () => {
    lottieRef.current.setDirection(-1);
    lottieRef.current.playSegments({ segments: [94, 15] });
  };

  return (
    <>
      <Button zIndex="2000" top="90px" onClick={goRight}>
        Go
      </Button>
      <Button zIndex="2000" top="190px" onClick={goLeft}>
        Back
      </Button>
      <Lottie
        lottieRef={lottieRef}
        animationData={hirnlos}
        initialSegment={[15, 94]}
        autoplay={false}
        loop={false}
        style={{
          position: "fixed",
          width: "100%",
          height: "100%",
          left: "0%",
          top: "10%",
          textAlign: "center",
          overflow: "hidden",
        }}
        onDOMLoaded={() => {
          const rightArrow = lottieRef.current.animationItem.renderer.elements[2];

          const leftArrow = lottieRef.current.animationItem.renderer.elements[3];

          // PFEIL  RECHTS
          const rightArrow_baseElement = rightArrow.baseElement;
          rightArrow_baseElement.onclick = () => goRight();

          // PFEIL LINKS
          const leftArrow_baseElement = leftArrow.baseElement;
          leftArrow_baseElement.onclick = () => goLeft();
        }}
      />
    </>
  );
}

export default HirnComponente;
```