backgroundColor "transparent" transition problem

[magdalko]

hello, I have a set of buttons which change the background color when hovering or clicking. I found something weird when it comes to transparent background color. It turns it first to grey color and then changing to the demanded color (in this case blue).

Here is an example in codesandbox, where you can see the problem (it is set to transparent now, but change backgroundColor to white where it says transparent in index.js to see the difference): https://codesandbox.io/s/react-spring-hover-forked-w76pw?file=/src/index.js

Here: from bgcolor transparent

Screen.Recording.2021-07-09.at.14.30.09.mov

Here: from bgcolor white

Screen.Recording.2021-07-09.at.14.29.40.mov

Anyone knows what to do about it?

[Sh4reef]

@magdalko I've opened the codesandbox I didn't notice your issue transitioning from backgroundColor: transparent

[joshuaellis]

this has been answered in #1627