Usar useRef para actualizar una variable con una matriz en mi Context y luego pasarla a otro componente. El problema es que noté que useRef actualiza dicha variable en ComponentA.

Sin embargo, cuando intento acceder a dicha variable en ComponentB, esto es lo que veo en el console log :

 useEffect useRef is it working?: {current: Array(0)} current: (3) ['testingUser', 'testing', 'value'] [[Prototype]]: Object

Mi pregunta es que veo los valores que actualicé usando useRef mientras que al mismo tiempo, cuando trato de acceder a estos valores usando availableOnlineUsers.current , solo veo una matriz en blanco

Aquí está mi código en ComponentA:

 ... availableOnlineUsers.current = availUsers ...

console log en este punto devuelve:

 (3) ['testingUser', 'testing', 'value']

Este es mi código en mi Context :

 ... const availableOnlineUsers = useRef([]) ...

y en ComponentB esto:

 console.log(availableOnlineUsers.current)

devuelve una matriz vacía

Mientras esto:

 console.log(availableOnlineUsers)

devoluciones:

 {current: Array(0)} current: (3) ['testingUser', 'testing', 'value'] [[Prototype]]: Object