Framer animate text

animatetext.tsx

import * as React from "react"
import {
    Frame,
    addPropertyControls,
    ControlType,
    useMotionValue,
    Color,
    useAnimation,
    animate,
} from "framer"

let r = useMotionValue(0) 
let start = r
let end = 100
const [value, setValue] = React.useState(0)
let controls = animate(start, end, {
            duration: 1.0,
            ease: "linear",
            delay: 0.0,
            onUpdate: (v) => {
                setValue(String(Math.round(v)))
            },
            onComplete: (v) => {
                //console.log(v)
            },
        })


<Frame
    {...rest}
    background={invisBG}
    style={{
       color: "#fff",
     }}
>
  <div>{value}</div>
 </Frame>