How to use Material UI and Framer Motion Together?

Hello Guys, I was recently working on a project where I had to use Material Ui and Framer Motion together, I researched all over the internet but there was very less amount of information there, and after some trial and error, I got some solutions that you people might be interested!

Make Sure You Have Your project setup and all tools configured to get started, we will be using, ReactJS, NextJs, Framer Motion && Material Ui.

i have just imported motion component and used it in component section of Grid Component, Hope it helps you guys, and if it needs any kind of suggestion feel free to suggest me in comment section,

Happy Coding, Stay Safe && Stay Learning