Live stops if Date value is changed.

[JoFont]

Hello, good afternoon,

The live functionality stops working when you update the date object and the component re-renders. Is there any way to prevent this?

Thank you very much!

[Eyal-VR]

I'm experiencing this as well. any suggestions?

[dorukusumezbas]

same problem here.

[TomBailey167]

I am also experiencing this issue and think it's also probably the cause of the problem on this Stack Overflow question:

https://stackoverflow.com/questions/66322904/how-to-fix-react-timeago-not-updating-on-its-own

[BrennanWilkins]

I was stuck on this for awhile, what worked for me was to add the date prop to the useEffect dependencies and then change Infinity to a large number.

[TomBailey167]

EDIT

Unfortunately I've just realised that the times started updating when I pressed save on the code on the development server (repeatable behaviour). The times didn't start updating because of the code change below. I'm curious as to why saving my code (which triggers an update of the page - but not a proper refresh) starts the timers going again. I'll try to do some further debugging.

Original Comment

Brilliant. I didn't need to add the date prop to useEffect - I don't actually have a useEffect clause where that would be relevant.

However, updating the max prop with a large integer did solve my issue:

Original Code:
<TimeAgo live={true} date={lastUpdated} formatter={timeFormatter} />

Updated Code:
<TimeAgo live={true} date={lastUpdated} formatter={timeFormatter} max={Number.MAX_SAFE_INTEGER} />

The time now updates as expected. Thank you for your help @BrennanWilkins - you've saved me a headache!

[BrennanWilkins]

Unfortunately I had to download the src files and make the edits to the index.js file. The useEffect in index.js was what I was referring to.

[TomBailey167]

Thanks @BrennanWilkins - that's sorted the issue now. I don't actually need to update the maxPeriod prop to Number.MAX_SAFE_INTEGER - just adding the date prop to deps works. I've submitted a pull request with the fix.

[nmn]

Since the pull request was merged a new version has been published to NPM.