Smooth button with icon animation (Code Sandbox below)

[sshmaxime]

Code Sandbox: https://codesandbox.io/p/sandbox/charming-microservice-5k9s4q

Hello everyone,

I'm trying to make a button with an icon that grow to show some text.
Im almost there but I cannot make it smooth. Basically my problem is that the interpolation happens between width: "auto" and width: 32.

In my Code Sandbox there are two example, the first one is with auto and the second one is with a fixed value (100). As you can see, the second one is way smoother and gives more a "good feeling" to use.

Does anyone have a nice solution to that ? Thank you very much !

Btw I'm planning to make an actual site with a lot of simple examples for React Spring. I feel like the examples sections on the website isn't really useful.