Tengo un componente llamado Diálogo. Cuando el usuario hace clic en un botón, el componente Diálogo montará y devolverá una lista de conversaciones entre el remitente y el receptor, como un cuadro de chat. Lo quiero cuando el componente se procesa, se desplazará hacia abajo porque el último chat debe estar en la parte inferior como vemos en Facebook Messenger o cualquier otra aplicación de chat. Estaba usando scrollIntoView pero desafortunadamente parece que no funciona en la vista móvil y tengo que asegurarme de que nuestra aplicación también funcione en el móvil. No sé si hay una mejor manera de hacer esto?

El siguiente es mi código de ejemplo:

 function DialogContents() { const scrollRef = useRef(null); useEffect(() => { scrollRef.current?.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest", }); }, []); return ( <div className="dialog-item pb-5 mt-4" ref={scrollRef} > <div>...dialog content...</div> </div>