Responsive Countdown Timer App with React and TailwindCSS

Community feedback

• 

  Coder Suresh•870

  @coderSureshPosted 9 months ago

  Hey there, nice work.

  The NaN you are seeing on the initial load for a second is because you are setting n state with the value of timeValue when it is undefined.

  You can simply check if timeValue is defined and set the n state accordingly.

  For example: You can add following line below line number 28 of your CounterCard.jsx

  if (!timeValue) return

  If you do this, you see noting for a second (for which you were previously seeing NaN) and then the timer starts.

  Marked as helpful

  0

  ---

  

  Dimitar Kazakov•160

  @mitkokazakovPosted 9 months ago

  @coderSuresh Yeah. It solved the issue when NaN is shown. But now there is another problem. When countdown timer reaches 2 seconds - the 1 and 0 is not shown but the 59 is shown instead.

  0

  

  Coder Suresh•870

  @coderSureshPosted 9 months ago

  @mitkokazakov Yeah I couldn't solve that issue. I saw that you are using n+1 I don't know why.

  When I use n instead of n+1, I see 3 2 1 [freezes for a second] and then 59 58 57...

  I couldn't figure out what is causing the issue.

  0