How do I best fix this issues where set state keeps adding 1 two times in my react native?

Why is the setPoints((prevPoint) => prevPoint + 1) in useEffect keeps adding 2 times almost immediately?

I’ve tried everything, how do I best fix this for it to print only once?

I am trying to check if the moving animation have gotten to a certain distance which is the value of distanceOfScreenTopToBigCircle, so I can add one to the point state, but it keeps adding 1 two times almost immediately.

const theBallPosition = new Animated.ValueXY({x: 0, y: 0});

const destinationY = distanceOfScreenTopToBigCircle ? distanceOfScreenTopToBigCircle : 0;

function movingBallFunction() {

  //const destinationY = ballAtTop ? distanceOfScreenTopToBigCircle : 0;


  //This is linear animation
  Animated.timing(theBallPosition, {
    toValue: {x: 0, y: destinationY},//This the distance the ball should fall to
    duration: movingBallTimeDuration,//This is for the time the ball should reach the bigCircle
    easing: Easing.linear,
    useNativeDriver: true,

  }).start();//This start() method starts our animation

  //This is to not show the instruction on how to start game when user
  //have started playing the game, or when the ball is moving already. .
  setShowHowToStartGameInstruction(false)
}

useEffect(() => {

  const animationListener = (value) => {

    if (value.y === distanceOfScreenTopToBigCircle) {

      console.log('it has reach the finals,', value.y)

      return setPoints((prevPoint) => prevPoint + 1);  

    }

  };

  // Attach the listener
  const listenerId = theBallPosition.addListener(animationListener);

  // Cleanup mechanism: remove the listener when the component unmounts
  return () => {
    theBallPosition.removeListener(listenerId);
  };

}, [theBallPosition, distanceOfScreenTopToBigCircle])