Почему не сохраняется токен при редиректе React и react-router?

Question

[mr_drinkens]

Всем привет.
В проекте использую React-router. На стартовой странице есть окно входа/регистрации. После успешного ввода логина и пароля, сервер присылает токен. Я его сохраняю в куках и вставляю при последующих запросах к АПИ. Проблема в том, что при редиректе с основного урла "/" на "/application", не считывается токен (в консоли выводит null). Если перезагрузить страницу - все ок, токен читается.

export function loginWithSocial(key, social) {
	return function(dispatch) {
		return axios.post(API + "/rest-auth/" + social, {
			'access_token':key
		})
		.then(function(response) {
			cookies.set("token", response.data.key);
			history.push('/application');
		})
		.catch(function(response){
	
		})
	}
};

Как выйти из ситуации? Сделать обычный редирект с перезагрузкой через location.href?
Заранее благодарю.

Comments

[Сергей Сунцев]

Попробуй так, может он не успевает

export function loginWithSocial(key, social) {
  return function(dispatch) {
    return axios.post(API + "/rest-auth/" + social, {
      'access_token':key
    })
    .then(function(response) {
      cookies.set("token", response.data.key);
    })
    .then(function(response) {
      history.push('/application');
    })
    .catch(function(response){
  
    })
  }
};

[mr_drinkens]

Сергей Сунцев: пробовал, без изменений). Что интересно, в консоли вижу, что токен записался, а метод cookies.get("token") выдает null. После перезагрузки - все ок.

[davidnum95]

mr_drinkens: вообще для таких вещей лучше использовать localstorage