Recursive react render for dom or cms

Render.js

  RenderModal(settings) {
    const { modalIsOpen, targetDomNode } = settings;

    const closeModal = () => {
      this.RenderModal(
        Object.assign(settings, {
          modalIsOpen: false
        })
      );
    };

    const ModalComponent = () => (
      <div>
        <Modal isOpen={modalIsOpen}>
          <h2>Hello</h2>
          <button onClick={closeModal}>close</button>
          <div>I am a modal</div>
        </Modal>
      </div>
    );

    ReactDOM.render(<ModalComponent />, targetDomNode);
  }