在我的react应用程序中，我想在页面加载时显示一个具有淡入效果的按钮。我使用了framer-motion，但是我不能使动画工作。

import React, { Component } from 'react';
import { motion, AnimatePresence } from "framer-motion"

<AnimatePresence>
<Button component={motion.div} 
        initial={{ opacity: 0 }} 
        animate={{ opacity: 1, duration:1000 }} 
        type="submit" 
        variant="outlined" size="medium">
Continue
</Button>
</AnimatePresence>

我错过了什么？