Tengo un problema cuando no puedo acceder al valor real de una referencia creada a través del gancho de reacción useRef.

Entonces tengo una const st = useRef(state); y dentro de él hay un objeto con algunas claves y valores.

También tengo un useEffect que actualiza la referencia para st.current .

 useEffect(() => { st.current = value }, [value])

Entonces, cuando estoy haciendo un console.log de la variable st , me muestra un objeto con una clave current y su valor es una referencia en tiempo real para el objeto que estoy poniendo en st.current y todos los valores dentro son correctos.

Pero cuando intento console.log registrar el st. st.current en sí mismo, me muestra el estado anterior del objeto. Y también cuando intento acceder a cualquiera de las variables dentro de st.current , devuelve el valor anterior :(

Este es el ejemplo de código. Preste atención a la tecla de carpetas seleccionadas . Muestra diferentes valores para el mismo objeto.