Soy nuevo en React y estoy luchando un poco. Tengo dos componentes similares, en los que trato de desplazarme hacia atrás cuando modal está abierto en IOS. He resuelto el problema de esta manera:

 const handleShow = () => { if (disabled) return; setShow(true); document.body.style.top = `-${window.scrollY}px` document.body.style.position = 'fixed' }; const handleClose = () => { resetForm(); setShow(false); const scrollY = document.body.style.top document.body.style.position = '' document.body.style.top = '' window.scrollTo(0, parseInt(scrollY || '0') * -1) };

y luego aplicarlo al modal a cambio.

El segundo componente está escrito de manera diferente y realmente no sé cómo aplicar la misma funcionalidad.

 const AddPaymentModal = ({ show, onHide}) => { **some other functions** return ( <Modal show={show} onHide={onHide}> **Some other code** <button onClick={onHide} className="btn modal-payment-footer-btn">{t('Close')}</button> </Modal> ); };

¿Cuál sería la mejor manera de aplicar esas dos funciones?

Gracias