Updating date causes display problems

[bc-m]

Description

Mounting react-timeago and updating the date-state later will result in an incorrect display. As a workaround we have set the "key"-property to "date.now()".

How to reproduce?

Step 1

Open codesandbox: https://codesandbox.io/s/pensive-sea-oy63x2?file=/demo.tsx

You will see this:

Acutal behavior as expected less than a minute ago. Everything is fine until here.

Step 2

Click on button "set date" updates the state to "new Date()"

You will see this:

• Expected: less than a minute ago
• Actual behavior: less than a minute from now

With the workaround we can fix this behavior until here.

Step 3

Spam clicks on button "sets date" will cause the issue to the worarounded variant too.

• Expected: less than a minute ago
• Actual behavior: less than a minute from now

[mopatches]

Thank you @bc-m -- this solved our issue as well:

Before:

<TimeAgo date={modifiedAtMs} />

After:

<TimeAgo date={modifiedAtMs} key={modifiedAtMs} />