Warning from React Spring: Got NaN while animating

[larprad]

Hello and thank you for the very nice component!

When using it I am trigerring a warning message on the console that seem to be emitted by the react Spring dependency: _Got NaN while animating

It seems to happen when mounting and unmounting the TimeKeeper component

_

[AdilRaza02]

I am also getting the same warning. Did you find any work around?

[catc]

I'll look into this for the next update.

[Luffi2539]

Hello everyone, is there any updates about this issue?

[Thomasc33]

If it helps, I noticed this only started happening to me once I upgraded from react v16 to react v18. Same code, but that was when I started getting the error.

[JLVersori]

Hi @catc, any updates on this? Or is this not being maintained?

[fhtyamamoto]

Does anyone have a workaround?

[catc]

Don't have time to put in a fix yet, but will investigate closer to mid oct. Is this actually breaking anything, or just spewing errors?

[Thomasc33]

@catc its just spewing errors, no actual bugs

{
    "id": 1,
    "key": "opacity",
    "_priority": 0,
    "animation": {
        "changed": false,
        "values": [
            {
                "done": true,
                "elapsedTime": null,
                "lastPosition": 1,
                "lastVelocity": null,
                "v0": 0,
                "durationProgress": 0,
                "_value": 1
            }
        ],
        "toValues": [
            1
        ],
        "fromValues": [
            null
        ],
        "to": 1,
        "config": {
            "tension": 170,
            "friction": 26,
            "damping": 1,
            "mass": 1,
            "velocity": 0,
            "clamp": false
        },
        "immediate": false
    },
    "defaultProps": {},
    "_state": {
        "paused": false,
        "delayed": false,
        "pauseQueue": {},
        "resumeQueue": {},
        "timeouts": {}
    },
    "_pendingCalls": {},
    "_lastCallId": 1,
    "_lastToId": 1,
    "_memoizedDuration": 0
}