我试图创建一个加载动画与帧运动在React（ typescript ）。
这是我的变体;

const loadingCircleTransition = {
  duration: 0.8,
  repeat: Infinity,
  repeatType: 'loop',
  ease: 'easeInOut',
};

下面是它在我的jsx中的实现方式：

animateText.map((item, index) => {
          return (
            <motion.span
              key={index}
              variants={loadingCircle}
              transition={loadingCircleTransition}
              ^^^^^^
             here is the issue
            >
              {item === ' ' ? ' - ' : item}
            </motion.span>
          );
        })

Typescript抱怨说：
类型“string”不能分配给类型“loop”|“逆转”|“镜子”|未定义'. ts（2322）
我不明白这是怎么回事。
谢谢大家。