Countdown resets before the end

I have a countdown that refresh a page when it’s completed. Some time before that, I show a modal. When the modal is shown, the countdown starts again, making the refresh never happening.

Here’s some parts of the code :

render() {
const renderer = ({ hours, minutes, seconds, completed }) => {
      console.log('test : ' + seconds);
      return true;
    };
return (
     <Countdown
          date={Date.now() + 15000}
          renderer={renderer}
          onTick={({ hours, minutes, seconds, completed }) => {
            if (seconds === 10) {
              this.showModal();
            }
          }}
          onComplete={() => window.location.reload()}
        />
);
  }

Any idea?

[pavinduLakshan]

@ndresx can confirm your solution works

[SoTDarksoul]

It might, I will try this today and update my answer.