Fresh install (Uncaught error: Only two keyframes currently supported with spring and inertia animations....)

[jarodtaylor]

First time Sanity user.

I followed the docs for getting started.

Suggested code block:

npm create sanity@latest -- --project ftd410ot --dataset production --template clean --typescript --output-path studio-project-name
cd studio-project-name

I chose pnpm.

Everything installed without errors, etc.

I ran pnpm dev and went to the browser (http://localhost:3333) and logged in.

After logging in, the Studio UI loads as expected, but if I click anything at all, or just give the browser a moment to load/render everything, I get the following error in the browser:

Uncaught error: Only two keyframes currently supported with spring and inertia animations. Trying to animate 0,0,1
http://localhost:3333/node_modules/.sanity/vite/deps/chunk-PWQMGZHF.js?v=63a89b7d:16718:15
Error: Only two keyframes currently supported with spring and inertia animations. Trying to animate 0,0,1
    at invariant (http://localhost:3333/node_modules/.sanity/vite/deps/chunk-JBY7NEDH.js?v=63a89b7d:12890:13)
    at MainThreadAnimation.initPlayback (http://localhost:3333/node_modules/.sanity/vite/deps/chunk-JBY7NEDH.js?v=63a89b7d:15541:7)
    at MainThreadAnimation.onKeyframesResolved (http://localhost:3333/node_modules/.sanity/vite/deps/chunk-JBY7NEDH.js?v=63a89b7d:14859:36)
    at DOMKeyframesResolver.onResolved [as onComplete] (http://localhost:3333/node_modules/.sanity/vite/deps/chunk-JBY7NEDH.js?v=63a89b7d:15525:67)
    at DOMKeyframesResolver.complete (http://localhost:3333/node_modules/.sanity/vite/deps/chunk-JBY7NEDH.js?v=63a89b7d:14586:10)
    at http://localhost:3333/node_modules/.sanity/vite/deps/chunk-JBY7NEDH.js?v=63a89b7d:14507:44
    at Set.forEach ()
    at measureAllKeyframes (http://localhost:3333/node_modules/.sanity/vite/deps/chunk-JBY7NEDH.js?v=63a89b7d:14507:13)
    at flushKeyframeResolvers (http://localhost:3333/node_modules/.sanity/vite/deps/chunk-JBY7NEDH.js?v=63a89b7d:14520:3)
    at get resolved (http://localhost:3333/node_modules/.sanity/vite/deps/chunk-JBY7NEDH.js?v=63a89b7d:14836:7)

Not sure what could be causing this, since it's a fresh install.

I'm on Node 22.13, if that makes any difference.

[jarodtaylor]

Looks like there was a GH issue regarding this. My search in Discussions didn't find it.

Anyway, in case someone else runs into this, it's a framer motion issue, and the fix was to pin to v12.4.2.

#8643