Correct way to approach interpolating emissive color with react-spring

[irobot]

I'm getting a flurry of warnings when interpolating the emissive color with react-spring.
I suspect that may have something to do with #637
Trying to interpolate the colors as numeric values with spring gives incorrect results, understandably. The color values, converted to integers will get interpolated w/o regard for the fact that a color is made up of 3 octets in a particular order.
My workaround is to do the interpolation manually, but maybe there's a better, more correct way to do it.

CodeSandbox
Edit: Click on the cube twice or more. The warnings don't come up until after the first click for some reason.

[drcmda]

this is because of spring overshooting. the warnings are harmless. if it bothers you, clamp it:

spring.to({ range: [0, 1], output: ['#000000', '#e45858'], extrapolate: 'clamp' })

if you give springs mass, they will naturally overshoot, so going below 0 and over 1. by default it tries to extend. by clamping it you force up these values.

[irobot]

That makes sense.
Shouldn't clamping always be done when interpolating colors, given that it is a common use case and is practically guaranteed to produce warnings? I'm also unclear on why it only happens when using that on the emissive but not the base color attribute.

In any case, the remedy is simple enough to apply. Thanks a lot!

[drcmda]

i dont know, you can forward a request to the react-spring repo.