Как изменить значение объекта передаваемого через props

Есть компонент MessageInput, в котором есть кнопка Send. При нажатии кнопки, в store (redux) передается другой компонент (OwnMessage) в компонент так же передаются пропсы. Кнопка Send:

const sendMessage = ()=>{
        const time = new Date();
        let hours = time.getHours();
        let minutes = time.getMinutes();
        const msgTime = `${hours}:${minutes}`;
        let text = document.querySelector('.message-input-text');
        const message = <OwnMessage text={text.value} time={msgTime} date={Date.now()}/>
        dispatch(addMessageAction({message,msgTime}));
        text.value = '';
    }

Компонент OwnMessage сохраняется в store:

Пытался поменять значение так:

 return {...state, messages: state.messages[i].props.text = 'asd'}

Но появляется ошибка:

Как я могу изменить значение text, которое передается через props?