title: How to refresh variables in react-apollo
body: <p>Here is the scenario : </p>
  
  <p><strong>USER 1</strong> </p>
  
  <ul>
  <li>1) Goes to login page</li>
  <li>2) Writes email and password which are sent to the server by a mutation</li>
  <li>3) Authentication OK -> the server returns a token and user informations (id, firstName, lastName)</li>
  <li>4)The token and each user information are stored in a separate key in local storage</li>
  <li>5) The user is redirected to the HomePage</li>
  <li>6) The user goes to Profile Page</li>
  <li>7) A query is sent to the server to retrieve all the informations about that user (thanks to the user id stored in local storage)</li>
  </ul>
  
  <p>Here is the query :</p>
  
  <pre><code>const PROFILE_QUERY = gql`
    query profileQuery($id: ID!) {
      getUser(id: $id) {
        firstName
        lastName
        email
      }
    }
  `;
  
  export default graphql(PROFILE_QUERY, {
    options: {
      variables: {
        id: localStorage.getItem("id")
      },
      errorPolicy: "all"
    }
  })(ProfilePage);
  </code></pre>
  
  <ul>
  <li>8) The server returns the informations and the user can see them in the Profile Page </li>
  <li>9) The user decides to logout </li>
  </ul>
  
  <p>So everything is working for the first user, now a second user arrives at the same computer and the same browser.</p>
  
  <p><strong>USER 2</strong> </p>
  
  <ul>
  <li>Same steps than the previous user from 1 to 7 </li>
  <li>The query sent to the server to retrieve user informations is not working because the id sent by the query is the id of the previous user (and a user is not allowed to retrieve informations about an other user)</li>
  </ul>
  
  <p>If I do a browser refresh the query is sent with the good user id...</p>
  
  <p>So why the id variable is not refreshed (seems like the id value in local storage is not read) at the first attempt ? How can I resolve this ?</p>
  
  <p>Thank you for your help.</p>