title: app state does not persist across pages
body: <p>I mount my app in index.js:</p>
  
  <pre><code>const store = configureStore();
  
  render(
      &lt;Provider store={store}&gt;
          &lt;Router history={browserHistory} routes={routes} /&gt;
      &lt;/Provider&gt;,
      document.getElementById('root')
  );
  </code></pre>
  
  <p>In my first page I disptach my action:</p>
  
  <pre><code>  submitForm(e) {
      const language = e.target.value;
  
      this.props.dispatch(addLanguage(language, 'language', '2'));
  
      this.props.router.push('2');
    }
  </code></pre>
  
  <p>The action fires:</p>
  
  <pre><code>export const addLanguage = (value, language, page) =&gt; {
      return {
          type: types.ADD_LANGUAGE,
          value,
          field: language,
          page,
      };
  };
  </code></pre>
  
  <p>and it returns the state in my reducer:</p>
  
  <pre><code>const initialState = {
    id: 0,
    language: '',
    session: '',
    values: '',
    accessCode: '',
    age: 0,
    gender: '',
    ethnicity: '',
    drinkOften: '',
    drinkConcern: '',
  };
  
  export default function UserDetails(state = initialState, action) {
        switch (action.type) {
          case ADD_LANGUAGE:
            return {
              ...state,
              [action.field]: action.value,
            };
  </code></pre>
  
  <p>However, when I redirect to page2 in my <code>submitForm()</code> the state is still the default state, does anyone know why its not updating? The language property should of updated. Any help much appreciated. </p>