LayoutGroup doesn't work with onMouseLeave and useState

[ylwester]

I wanted to create simple transition based on "Underline" example from framermotion docs, it supposed to display background color on button

Here's what i did: https://codesandbox.io/p/sandbox/musing-stallman-8c79qv?file=%2Fcomponents%2Fmenu.tsx%3A9%2C49-10%2C1

It doesn't work on first hover, but if i will keep move my mouse over these two button, it will animate properly.

It works properly without onMouseLeave, however it leaves always hovered element, which i don't want.

How can it be done?