Получение неопределенного после функции, но данные отображаются после перезагрузки страницы

Question

Когда я создаю поток через форму, данные должным образом отправляются в мою базу данных, но когда я делаю history.push, чтобы вернуть меня на домашнюю страницу, он выдает ошибку (TypeError: Невозможно прочитать свойство 'title' из не определено). Заблуждение заключается в том, что когда я перезагружаю свою домашнюю страницу, данные, которые я только что отправил в свой компонент createStream, хорошо отображаются в моем списке потоков с тем же заголовком, который ранее вызывал ошибку. Я немного озадачен тем, почему это происходит, когда я делаю history.push, но не когда я перезагружаю домашнюю страницу. Любой совет будет оценен.

 export const createStream = (formValues) => {
  return async (dispatch, getState) => {
    const { userId } = getState().auth;
    const stream = { ...formValues, userId };
    await ref.push(stream);
    dispatch({ type: CREATE_STREAM, payload: stream});

    //Navigation to get user back to streams list
    history.push('/');
  };
};