[BUG] Animation only firing one time

[slawton3]

2. Describe the bug

One of my controlled animations only fires on the first render

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug

https://codesandbox.io/s/react-18-playground-forked-it1hen?file=/src/App.tsx

5. Expected behavior

The middle of the SVG should spin on every hover (every animation call)

Every time I hover over the SVG, I expect that the logo should fire the animation. Currently, the middle only does the spinning animation one time upon render.