Реагировать на приглашение маршрутизатора передать пользовательский объект в сообщении

Question

У меня есть следующее:

export default (message, callback) => {
    const modal = document.createElement('div')
    document.body.appendChild(modal)

    const withCleanup = (answer) => {
        ReactDOM.unmountComponentAtNode(modal)
        document.body.removeChild(modal)
        callback(answer)
    };

    ReactDOM.render(
        <Modal>
            <header>Unsaved changes</header>
            <p>
                {message.message}
            </p>
            <Alert className="isError" />
            <div className="modal__buttons-wrapper">
                <Button onClick={() => withCleanup(true)}>Leave with unsaved changes</Button>
                <Button onClick={() => withCleanup(false)}>Cancel</Button>
            </div>
        </Modal>,
        modal
    )
};

<Prompt message={'alex'} when />

Есть ли способ передать объект для перевода следующим образом?

Я пробовал:

const message = {
    title: 'title',
    message: 'message'
}

<Prompt message={message} when />

ноэто ломается.