fix(preview-server): broken file tree animation on built preview (#2403)

Author: gabrielmfern

.changeset/some-experts-call.md

@@ -0,0 +1,5 @@
+---
+"@react-email/preview-server": patch
+---
+
+fix broken file tree animation on built preview server

packages/preview-server/package.json

@@ -34,7 +34,7 @@
     "chalk": "4.1.2",
     "clsx": "2.1.1",
     "esbuild": "0.25.0",
-    "framer-motion": "12.7.5",
+    "framer-motion": "12.23.12",
     "json5": "2.2.3",
     "log-symbols": "4.1.0",
     "module-punycode": "npm:[email protected]",

packages/preview-server/src/components/toolbar/checking-results.tsx

@@ -1,5 +1,5 @@
 import * as Collapsible from '@radix-ui/react-collapsible';
-import { AnimatePresence, motion } from 'framer-motion';
+import { AnimatePresence, motion, type Variants } from 'framer-motion';
 import type { ComponentProps } from 'react';
 import { cn } from '../../utils';
 
@@ -80,7 +80,7 @@ type ResultProps = {
   status: ResultStatus;
 } & ComponentProps<typeof motion.li>;
 
-const resultAnimation = {
+const resultAnimation: Variants = {
   hidden: { opacity: 0, y: 10 },
   visible: {
     opacity: 1,
@@ -110,7 +110,7 @@ export const Result = ({ children, status, ...rest }: ResultProps) => {
   );
 };
 
-const titleStatusAnimation = {
+const titleStatusAnimation: Variants = {
   hidden: { opacity: 0, y: 5 },
   visible: {
     opacity: 1,

packages/preview-server/src/utils/constants.ts

@@ -1,4 +1,6 @@
-export const tabTransition = {
+import type { Transition } from 'framer-motion';
+
+export const tabTransition: Transition = {
   type: 'spring',
   stiffness: 2000,
   damping: 80,