refactor: replace framer-motion to motion

valcosmos · Nov 28, 2024 · 66a6662 · 66a6662
1 parent 73d803f
commit 66a6662
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 10 deletions.
diff --git a/components/Cursor.tsx b/components/Cursor.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import React, { useEffect, useState } from 'react'
 
 export default function Cursor() {

diff --git a/components/Reveal.tsx b/components/Reveal.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import type { ReactNode } from 'react'
-import { motion, useAnimation, useInView } from 'framer-motion'
+import { motion, useAnimation, useInView } from 'motion/react'
 import React, { useEffect, useRef } from 'react'
 
 interface RevealProps {

diff --git a/components/Ring/Ring.tsx b/components/Ring/Ring.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { Canvas } from '@react-three/offscreen'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import React, { lazy, useEffect, useState } from 'react'
 
 const PointCircle = lazy(() => import('./PointCircle'))

diff --git a/package.json b/package.json
@@ -26,11 +26,11 @@
     "body-scroll-lock": "^4.0.0-beta.0",
     "contentlayer2": "0.5.3",
     "esbuild": "0.24.0",
-    "framer-motion": "^11.11.11",
     "github-slugger": "^2.0.0",
     "gray-matter": "^4.0.3",
     "hast-util-from-html-isomorphic": "^2.0.0",
     "image-size": "1.1.1",
+    "motion": "^11.12.0",
     "next": "14.2.15",
     "next-contentlayer2": "0.5.3",
     "next-themes": "^0.3.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml