Reactjs 帧运动：如何修复{无法推断“pathLength”的初始值。请确保在组件上定义了“pathLength”的初始值}

使用framer motion的pathLength属性设置svg动画时，会出现标题中指定的错误。 其他属性（我尝试了旋转和不透明度）按预期工作，没有任何问题

可能存在哪些问题？

<svg width="84"
     height="84"
     viewBox="0 0 84 84"
     fill="none"
     xmlns="http://www.w3.org/2000/svg">
     <motion.path
        d=" \\ some path"
        initial={{
            pathLength: 0,
        }}
        animate={{
            pathLength: 1,
        }}  />
</svg>

即使错误消失，svg仍然不会设置动画