onComplete method need to wait for API call response

[DapperNerd]

Hello team,

I trying to use the countdown timer in one of my project. But facing one issue. There is a method called onComplete with return an array [true/false(to continue timer or stop it), 1500(add some delay)].

The issue faced by me is I am making an API call as timer completed and before returning the array I want to wait for api response. For this I am using async await in react. Below is code for reference

But I am getting the following error need help if you can guide me here

[vydimitrov]

Hey, yup async await returns Promise, which breaks the code since onComplete expects either an array or nothing as a returned value. You can do the following:

const [key, setKey] = useState(0)

.
.
.

<CountdownTimer
  key={key}
  onCopmplete={() => {
     (async () => {
        // do your async stuff here
       // if you need to repeat the timer just set the key and the timer will start over again
      setKey(prev => prev + 1)
     })()
  }}
/>

(async() => {})() is this one

[DapperNerd]

Hello @vydimitrov Thank you for the response this is exactly what I was looking for and it solves my problem I was facing.

[vydimitrov]

Cool, I am happy it works for you.