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

I am using and the NextUI component library to create a pressable NextUI card, where upon clicking, will open up a NextUI modal I have

This is a and shadcnui generation for the prompt: Make me a modal where it displays information about a member

modal nextui Possibly a simpler way to handle multiple modal components in a React application using React portal and component state

nextui modal Modal · Navbar · Pagination · Popover · Progress · Rating · Sidebar · Skeleton · Speed Dial · Spinner · Stepper · Tables · Tabs · Timeline · Toast · Tooltips