title: Using an ion page as the content of an ion modal
body: <p>I am using Ionic + React to create an app. In the <a href="https://ionicframework.com/docs/api/modal" rel="nofollow noreferrer">docs for ion-modal</a>, it is said that </p>
  
  <blockquote>
    <p>In most scenarios, setting a ref on IonPage and passing that ref's current value to presentingElement is fine</p>
  </blockquote>
  
  <p>However, I am not sure how to do this. If I just pass the IonPage component as the children of the modal it works fine, but there is a weird transition (the modal tries to go from bottom to top but the ion page tries to go from right to left). So I am not sure if using this ref on the Ion Page would solve this particular issue.</p>