Cuando quiero agregar desplazamiento de eventos para rastrear su posición en la página, utilicé useRef y casi todo funcionó, excepto por la suavidad del evento scrollToTop, pero eso no es todo ahora. Luego obtuve el valor de useRef como un objeto que indica qué tipo de objeto era y podía manipularlo (necesitaba obtener el valor de ref.current.container)
estaba recibiendo esto:
consola.log(ref)
consola.log(ref.actual.contenedor)
En ese momento usé react-spring@8.0.27 con esa dependencia
import { Parallax, ParallaxLayer } from 'react-spring/renderprops-addons'
Pero cuando necesitaba agregar un contenedor adhesivo, no funcionó. Y tuve que recurrir al ejemplo de la documentación de react-spring.
Allí me encontré con otras dependencias.
import { Parallax, ParallaxLayer } from '@react-spring/parallax'
Con lo cual funcionó el sticky container, pero se rompió la oportunidad de obtener la referencia correcta
Estaba recibiendo esto: el objeto mismo desapareció y se volvió impersonal
consola.log(ref)
consola.log(ref.actual.contenedor)
Pregunta: ¿Cómo obtengo la referencia correcta en este caso?
¡Gracias por cualquier ayuda!