Replace framer-motion with motion

namesakefyi · Dec 17, 2024 · 89f0cbb · 89f0cbb
1 parent 2dcace8
commit 89f0cbb
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 13 deletions.
diff --git a/package.json b/package.json
@@ -59,8 +59,8 @@
     "@tiptap/react": "^2.10.3",
     "convex": "^1.17.3",
     "convex-helpers": "^0.1.67",
-    "framer-motion": "12.0.0-alpha.2",
     "lucide-react": "^0.468.0",
+    "motion": "^11.15.0",
     "next-themes": "^0.4.4",
     "oslo": "^1.2.1",
     "postcss": "^8.4.49",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/common/AnimateChangeInHeight/AnimateChangeInHeight.tsx b/src/components/common/AnimateChangeInHeight/AnimateChangeInHeight.tsx
@@ -1,4 +1,4 @@
-import { m } from "framer-motion";
+import { m } from "motion/react";
 import { useEffect, useRef, useState } from "react";
 import { twMerge } from "tailwind-merge";
 

diff --git a/src/main.tsx b/src/main.tsx
@@ -10,8 +10,8 @@ import {
   useConvexAuth,
   useQuery,
 } from "convex/react";
-import { LazyMotion, domAnimation } from "framer-motion";
 import { ArrowLeft, TriangleAlert } from "lucide-react";
+import { LazyMotion, domAnimation } from "motion/react";
 import { ThemeProvider } from "next-themes";
 import { StrictMode, useEffect } from "react";
 import { createRoot } from "react-dom/client";