Backdrop content should be unscrollable when we open a modal on click of browser back button

Able to scroll content when we open a modal on click of browser back button

Warning There are some changes?
Are you sure you want to navigate!!!!

                    <MDBModalFooter>
                        <MDBBtn color='secondary' onClick={() => blocked.reset?.()}>
                            Close
                        </MDBBtn>
                        <MDBBtn color="primary" onClick={() => blocked.proceed?.()}>
                            Proceed
                        </MDBBtn>
                    </MDBModalFooter>
                </MDBModalContent>
            </MDBModalDialog>
        </MDBModal>![enter image description here][1]