Next 13: how to disable scrolling on body when modal is open?

Next 13: how to disable scrolling on body when modal is open? nextui modal Below is a static modal dialog to demonstrate the look and feel of the Modal Result Modal title Modal body text goes here Close modal nextui I know I could disable body scroll by conditionally adding overflow-y-hidden tailwind class to the body depending on the modal open state But

modal nextui The modal container is just a simple modal pop, only returning a jsx component NextUI Text> Text> > >

nextui modal p>strong>Expected behaviorstrong> React page is large and should scroll to see all the page When the modal is not showing  It renders the view inside a modal and does not allow editing values directly inside the field The DatePicker component which renders DesktopDatePicker or