[BUG] Cannot destructure property 'animation' of 'this.resolved' as it is undefined

[simPod]

Getting

Cannot destructure property 'animation' of 'this.resolved' as it is undefined

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug

A CodeSandbox minimal reproduction will allow us to quickly follow the reproduction steps. Without one, this bug report won't be accepted.

4. Steps to reproduce

v11.0.12

5. Expected behavior

No issue.

7. Environment details

v11.0.8 had no issue

[andylacko]

thx @simPod , for pointing out the working version, didn't have to try downgrading myself

[michaelcais]

I had the same error, but was able to resolve it by checking on the values I assigned to my animations. In my case, I had the following;

<motion.div
initial={{ y: '-10' }} 
animate={{ y: 0 }} 
transition={{ 
  duration: 0.15,
  type: 'spring',
  stiffness: 120,
  ease: 'easeInOut'
}}
>

This used to work on earlier versions, but with the latest version, I had to remove the enclosed quotes for initial={{ y: -10 }}

[Johnrobmiller]

I had the same error, but was able to resolve it by checking on the values I assigned to my animations. In my case, I had the following;

<motion.div
initial={{ y: '-10' }} 
animate={{ y: 0 }} 
transition={{ 
  duration: 0.15,
  type: 'spring',
  stiffness: 120,
  ease: 'easeInOut'
}}
>

This used to work on earlier versions, but with the latest version, I had to remove the enclosed quotes for initial={{ y: -10 }}

I also ran into this issue, although this fix did not work for me as none of the props were wrapped in enclosing quotes.

Downgrading to 11.0.8 fixed the issue, however.

[michaelcais]

I apologize, the error is indeed still there when navigating to the page. Refreshing the browser on the same page however, did not trigger the error so I thought it got fixed when I was working on another error regarding errors.mjs:8 You are trying to animate y from "-10" to "0". -10 is not an animatable value previously.

[mattgperry]

Please open a ticket with a sandbox demonstrating the bug

[simPod]

This may be fixed in .14 https://github.com/framer/motion/compare/v11.0.13...v11.0.14

I'll try to deploy it.

[simPod]

Lookin good