react-countdown-circle-timer | Lightweight React/React Native countdown timer component | Frontend Framework library

I want to create a test page in react with a countdown timer (50 minutes) for that I used the react-countdown-circle-timer module. The problem's the minutes don't change. I want to show only the remaining minutes in the app.

I am using a third-party component (timer) from https://github.com/vydimitrov/react-countdown-circle-timer

I am trying to change the image each time my countdown timer completes. I was thinking of using a count with useState that increases it by 1 each time in the array. I'm not sure, I am relatively new to React-Native.

If you need to see more of my code I have uploaded it to GitHub at: https://github.com/JRyanSaunders/Fitness-App

I am trying to implement a logic to change the state value after the page is rendered and the onComplete() in is fired.

Goal: The code has some other issues I am aware of, so please just focus on main question:

How to make logic with this behavior: after first onComplete() is fired, next firing (after durationSeconds is counted) should have different timerVal value. Any further timer onComplete() event is running with that value.

Scenario: timerVal value, after browser is opened for 1st time, value is 33, seconds, but any proceeding onComplete() firing should have timerValue value of 60 (seconds).

Here is my current code (which obviously is not working):