Tengo un estado llamado scrollStatus , donde realizo un seguimiento de la posición de desplazamiento actual de un div, y establezco su valor usando ref y element.scrollLeft cuando me desplazo:

 const scrollHandle = () => { setScrollStatus(container.current?.scrollLeft); console.log(scrollStatus); }

Entonces, cuando hago console.log , obtengo un valor diferente de scrollStatus , que es lo que quiero:

Cuando cambio el tamaño de la ventana por un margen grande (digamos de la vista de escritorio a la de móvil), el valor de desplazamiento cambiará drásticamente, lo que esperaba que sucediera ya que el ancho de mi contenedor se basa en un porcentaje.

Aquí en la consola, puede ver el valor cambiado a 375 después de cambiar el tamaño de la ventana a la vista móvil:

Sin embargo, cuando intento desplazarme de nuevo después de cambiar el tamaño de la ventana, el valor de scrollStatus no cambia. Conserva el valor de la posición actual después de cambiar el tamaño de la ventana:

(El valor aún no cambiará incluso si cambio el tamaño de la ventana nuevamente)

¿Alguna idea de lo que está pasando aquí y cómo solucionarlo?