Link to the code that reproduces this issue

https://github.com/HM-Suiji/nextjs-bug-report-viewtransition-with-cachecomponents

To Reproduce

When I use the experimental viewTransition in cacheComponents mode, I get a error.
View transition lost the smooth transition, and in its place came a strange animation.

Current vs. Expected behavior

When the cacheComponents mode is not activated, viewTransition can transition smoothly, moving the content inside to the target position smoothly. However, once activated, this smooth movement disappears, the animation blurs for a moment and ends abruptly.

Provide environment information

Relevant Packages:
  next: 16.0.1
  react: 19.2.0
  react-dom: 19.2.0
Next.js config:
  cacheComponents: A
  viewTransition(experimental): A

Which area(s) are affected? (Select all that apply)

cacheComponents, Use Cache, React

Which stage(s) are affected? (Select all that apply)

next dev (local), next build (local), next start (local), Vercel (Deployed), Other (Deployed)

Additional context

No response