Tengo el siguiente átomo de retroceso:

 export const BasketA = atom({ key: 'basket', default: [] as any })

Componentes en ruta /test que actualiza esto:

 const [basket, setBasket] = useRecoilState(BasketA); const handleAddBookToBasket = () => { setBasket((basket: any) => [...basket, book]); }

Ahora bien, si vamos a la ruta de la canasta /basket y hacemos:

 const basket = useRecoilValue(BasketA)

Cuando consola.log esta cesta, la cesta está vacía. Sé que agregar elementos a la cesta funciona, porque en el primer componente, los registros de la consola se muestran correctamente con datos completos

Entonces, mi pregunta es: ¿Por qué la cesta está vacía después de redirigir a otra ruta?