this.props.history.push не перенаправляет с первой попытки

Question

Мы пытаемся перенаправить на страницу результатов поиска, как только у нас будут результаты.Мы используем axios.get () для отправки запроса на получение:

export const searchPosts = (type, query) => async dispatch => {
    dispatch({ type: PARTIAL_LOADING, payload: false });

    const res = await axios.get('/api/search/',
    {
        params: {
            type: type,
            query: query
    }});

    dispatch({ type: PARTIAL_LOADING, payload: true });

    dispatch({
        type: SEARCH,
        payload: res.data
    });
};

Мы пытаемся перенаправить на следующую страницу, используя следующее:

async submitSearch(values) {
  const type = values.type ? values.type : "Default";
  const query = values.query;

  if (type && query)
  {
    await this.props.searchPosts(type, query)
    .then(_ => {
      this.props.history.push('/search_results');
    });
  }
}

Это перенаправляет послепервая попытка, но всегда потерпит неудачу в первый раз.