Ao abrir um Modal ele aparece normalmente, porém ao clicar no botão fechar, ele não fecha mesmo retornando o console.log.

const [modalOpen, setModalOpen] = useState(false)

    function openModal() {
        setModalOpen(true)
    }
    function closeModal() {
        setModalOpen(false)
        console.log('Fechou')
    }

    useEffect(() => {
        console.log('Abriu')
    }, [modalOpen])


<div className='modal'>
                    <Button onClick={openModal}>
                        <BiUser />
                        <Modal
                            isOpen={modalOpen}
                            onRequestClose={closeModal}
                            contentLabel='Exemple Modal'
                            overlayClassName='modal_user'
                            className='modal_box'
                        >
                            <p>Faça seu cadastro</p>
                            <hr/>


                            <Button onClick={closeModal}>Fechar</Button>

                        </Modal>
                    </Button>
                    <Botao>
                        <BiShoppingBag className='botao_loja' />
                    </Botao>
          </div>