alexkhismatulin/react-use-count-down

Dead simple yet powerful countdown hook for React.

react-use-count-down's Issues

DeprecationWarning: Invalid 'main' field

Hello,
I'm using nextjs@^13.5.4 and react-countdown-hook@^1.1.3
Some warnings printed in terminal when i try to build my app:

  Collecting page data  ..(node:121361) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121371) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
   Collecting page data  ...(node:121568) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121538) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121411) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121588) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121578) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121421) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121481) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121401) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121461) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121508) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
 ✓ Collecting page data    
   Generating static pages (0/56)  [    ](node:121451) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
   Generating static pages (2/56)  [=   ] 
(node:121381) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121431) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121492) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:121471) [DEP0128] DeprecationWarning: Invalid 'main' field in '/SOME_DIRECTORIES/frontend/node_modules/react-countdown-hook/package.json' of 'dist/index.js'. Please either fix that or report it to the module author

Can you help to resolve warnings?

unable to check that countdown is completed

how to find that timer is completed. I havent found any way.Please suggest How can i get that countdown is completed

Countdown status

It could be great to have tome insight on the countdown, ot be aware if it's running, paused, completed/finished.

Counter slows down when leaving a tab

https://stackoverflow.com/questions/6032429/chrome-timeouts-interval-suspended-in-background-tabs

requestAnimationFrame causes a weird UI

If you leave the page in another tab, browse in another tab, wait some time then come back to the tab with the Countdown, notice the countdown tried to countdown fast to fill in the missing time when you were away in another tab.

It happens with the demo also: https://stackblitz.com/edit/react-use-count-down?file=index.js

Could we cancel the animation frame when users navigate away from the current tab?

On expire functionality

Hi)
Thank you for a nice and clean lib.
I have a question/proposal for you. How is it supposed to be used to run some logic at the end of the timer? For example I need to trigger log out when timeLeft === 0, but it's a default value. Maybe it's better if timeLeft would be not equal zero by default on start/restart but to equal initialTime? Or maybe you're working on some kind of onExpire callback?

initial state should not be '0'

const [timeLeft, setTimeLeft] = React.useState(0);
Here,initial state should not be '0',use the argus 'timeToCount' is more better.
cause ,'0' is the mark of the beginning and the end,Can cause initialization rendering problems

Proposal for indicators (isRunning etc.)

Great hook and clean. Could we return some indicators that state when the counter is running or is paused?

package.json fields references wrong files

The published version has flattened file structure, which means the references to source, main, module, unpkg in package.json are wrong, leading to problems with bundlers using those fields (e.g. vite).

v1.1.3

v1.1.1

When I closed the MacBook lid and put the computer into sleep, the timing was inaccurate (verified with an iPhone stopwatch).

When I closed the MacBook lid and put the computer into sleep, the timing was inaccurate (verified with an iPhone stopwatch).

add option to start immediatelly

Hi thanks for the lib. It would be useful to start the countdown immediately without manually calling start

Add typescript definitions

Currently none available

$ yarn add @types/react-countdown-hook
yarn add v1.22.10
[1/4] 🔍  Resolving packages...
error An unexpected error occurred: "https://registry.yarnpkg.com/@types%2freact-countdown-hook: Not found".
info If you think this is a bug, please open a bug report with the information provided in "/Users/cypressf/repos/aniguesser/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

Feature to cleanup the countdown

Right now I in my cleanup I just pause the timer. I was wondering if this was enough or there was a cleanup function I could when my component unmounts.

Countdown stops counting when the tab is not active

If the countdown starts on a tab and you switch to another in the browser, it stops counting.

This behaviour is seen on chrome.

I tried it also in edge, it also stops counting there but accelerates when the tab is active to reach the count where it should be.

Support react 18

Hi.
Do you have plans for supporting react 18 and update the peerDependency?