React-Select conflict with Framer Motion

[vivekdhimannn]

The Framer motion's latest version conflicts with the React-select library and renders it in the wrong position.
:- when the framer motion's motion.div is set as the parent component and react-select ios used inside it, the react-select renders a wrong position on menuPosition="fixed"
when I remove the motion.div then everything works fine,
Because of this, I cannot use framer motion and react-select library simultaneously.

with framer motion

and without it

to reproduce just run npm update where you are using react-select inside framer motion and you will have the same issue.