Estoy tratando de implementar el rebote cuando un usuario escribe en un campo de entrada en React.

 <TextField onChange={handleUsername} />

Controlador de entrada:

 const handleTwitterUsername = (value: any) => { console.log({ value }) debounce(() => { // setUserData({ ...userData, username: value }) console.log('debounce value', value) }) }

Función de rebote:

 const debounce = (cb: any, delay = 1000) => { let timeout: any return (...args: any[]) => { clearTimeout(timeout) timeout = setTimeout(() => { cb(...args) }, delay) } }

Cuando empiezo a escribir, obtengo registros de value pero no hay registros de debounce value . El rebote no parece funcionar.

¿Qué estoy haciendo mal?