Tengo un texto que simplemente quiero resaltar usando un paquete de reacción simple llamado 'react-animarker'. He intentado usar useState hook porque quiero actualizar dinámicamente la velocidad de la animación como se muestra. Sin embargo, la duración no cambia como yo quiero. Pero en la consola, se muestra como cambiante. ¿Alguna idea de por qué?

Enlace al paquete React: https://github.com/ramonmetzker/react-animarker

 import React, {useState} from 'react' import {Mark} from 'react-animarker' const Highlightx = () => { const [speed, setSpeed] = useState(5) const handleClick = () => { setSpeed(20) console.log(speed); } return ( <> <Mark duration={speed}>Highlightx</Mark> <button onClick={handleClick}>Hello</button> </> ) } export default Highlightx