thefubon
commented
3 weeks ago npm install framer-motion@12.0.0-alpha.0 --legacy-peer-deps
Users already upgrading to React 19 can install the Framer Motion 12 alpha, which currently works with the React 19 RC:
I have create npx create next app. after that I was installing npm i framer-motion clsx tailwind-merge but this error happened bellow. then I tried to install just the framer motion. but this error happens. i cannot work with framer motion. can anybody help me!?
G:\Workplace\Programming hero github Hamza\Milestone 13 Next JS\Framer-Motion-Nextjs\aceternity-ui>npm install framer-motion (node:5708) ExperimentalWarning: CommonJS module C:\Users\hamza\AppData\Roaming\npm\node_modules\npm\node_modules\debug\src\node.js is loading ES Module C:\Users\hamza\AppData\Roaming\npm\node_modules\npm\node_modules\supports-color\index.js using require(). Support for loading ES Module in require() is an experimental feature and might change at any time (Use
node --trace-warnings ...to show where the warning was created) npm error code ERESOLVE npm error ERESOLVE could not resolve npm error npm error While resolving: framer-motion@11.11.10 npm error Found: react@19.0.0-rc-69d4b800-20241021 npm error node_modules/react npm error peer react@"^18.2.0 || 19.0.0-rc-69d4b800-20241021" from next@15.0.1 npm error node_modules/next npm error next@"15.0.1" from the root project npm error peer react@"19.0.0-rc-69d4b800-20241021" from react-dom@19.0.0-rc-69d4b800-20241021 npm error node_modules/react-dom npm error peer react-dom@"^18.2.0 || 19.0.0-rc-69d4b800-20241021" from next@15.0.1 npm error node_modules/next npm error next@"15.0.1" from the root project npm error react-dom@"19.0.0-rc-69d4b800-20241021" from the root project npm error 2 more (styled-jsx, the root project) npm error npm error Could not resolve dependency: npm error peerOptional react@"^18.0.0" from framer-motion@11.11.10 npm error node_modules/framer-motion npm error framer-motion@"" from the root project npm error npm error Conflicting peer dependency: react@18.3.1 npm error node_modules/react npm error peerOptional react@"^18.0.0" from framer-motion@11.11.10 npm error node_modules/framer-motion npm error framer-motion@"" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error C:\Users\hamza\AppData\Local\npm-cache_logs\2024-10-27T08_24_48_522Z-eresolve-report.txt npm error A complete log of this run can be found in: C:\Users\hamza\AppData\Local\npm-cache_logs\2024-10-27T08_24_48_522Z-debug-0.log