Framer-motion not working with React-Typescript

Question

I'm getting these errors

I'm running a react app with typescript and serving with webpack. I can use import { motion } from "framer-motion" without errors in my .tsx file, but when I try to use <motion.div> , it throws these errors. I've updated the modules, and tried downgrading framer-motion, but it isn't working still. What am I doing wrong here?