How to use Styled Components in conjunction with Framer Motion

StyledMotionComponent.tsx

import styled from "styled-components"
import { motion } from "framer-motion"

const StyledMotionComponent = styled(motion.div)`
/* ----- your styles go here ---- */
`

/**
* initial, animate and exit props can now be passed 
* to this component just like a normal motion.div
*
*/