BackgroundTimer.setInterval is not synchronized with the actual timer

BackgroundTimer.setInterval() is running 4-5 seconds more than the actual timer. when I try to run this for 5 minutes it’s actually running for 5 minutes 5 seconds. which is not good

  x = BackgroundTimer.setInterval(() => {
		let { eventDate } = state;

		if (eventDate <= 0) {
			clearInterval(x);
		}
		else {
			eventDate = eventDate.subtract(1, 's');

			// const hours = eventDate.hours();
			// const mins = eventDate.minutes();
			// const secs = eventDate.seconds();

			setState({
				// hours,

				eventDate
			});
		}
	}, 1000);

[jnjacobson]

Maybe this can help you: https://aloukissas.medium.com/how-to-build-a-background-timer-in-expo-react-native-without-ejecting-ea7d67478408 You can update the eventDate in the function by substracting the difference between the start date and now.

This is how I used it in my timer:

await AsyncStorage.setItem('start_time', new Date().toISOString());

BackgroundTimer.runBackgroundTimer(async () => {
      const startTime = await AsyncStorage.getItem('start_time');

      this.setState((prevState) => ({
        timeLeft:
          this.duration -
          differenceInSeconds(new Date(), Date.parse(startTime)),
      }));
    }, 1000);
  }

[maxim-green]

@jnjacobson thanks! That really helped!