[Solved] Error importing Framer Motion v5 in React (with create-react-app)

Problem: 

When we are trying to do simple animation for Div using Framer Motion. We are getting the following error in the browser

Can't import the named export 'Children' from non EcmaScript module (only default export is available)

Solution 1:

We modified the package.json file and continued to install npm and downgraded the Framer Motion version to "4.1.17" and it worked for us.

Solution 2:

And also install by following the command

npm i framer-motion@4.1.17

Solution 3:

And also can uninstall the framer-motion and install it for a specific version

npm uninstall framer-motion

npm install framer-motion@4.1.17

Thank you for reading this article. Hopefully, the solutions provided will solve your problem.