En primer lugar, he echado un vistazo a otras respuestas y eso no ayudó.

Tengo un modal que se pasa en un accesorio de función onClose. Cuando se hace clic en el botón cancelar, debe activar la función onClose que básicamente establece el estado showModal en falso. Sin embargo, al hacer clic en el botón aparece un error que indica que onClose no es una función.

He comprobado el tipo de accesorio onClose y está volviendo como un objeto. no sé por qué

Así es como llamo al Modal del padre.

 <Modal onClose={() => this.setState((prevState) => ({ showModal: { ...prevState.showModal, confirmation: false, }, }))}

/>

y así es como se ve el modal.

 const Modal = (onClose) => { return ( <div className="Background" > <div className="Container"> <div className="Title">Title of the modal</div> <div className="Body">Body of the modal</div> <div className="Footer"> <button type="button" onClick={() => onClose()}>Cancel</button> </div> </div> </div> ); };

Este es el error de la consola.