title: How to handle separate state for each browser tab in reactjs?
body: <p>We are opening new window tab which contains the userList based on the selected userId from a list. I open the new window like this:</p>
  
  <pre><code>this.props.getVisitDetails(this.props.userId)
  var win = window.open('./requisition','_blank');
  win.onload = function() { this.document.title = windowTittle; }
  win.focus();
  this.state.oldWindow.push(win);
  </code></pre>
  
  <p>Here I am getting <code>userId</code> from the Redux store. The problem is that if I am opening more than one window tab then <code>userId</code> on every window tab will have the same <code>userId</code> and when you will click refresh then all window tabs will have the same data. So my question is <strong>how can I maintain a separate state for each window tab?</strong></p>
  
  <p>Note: all browser tab all sharing same stored state that we saved using createstore method,so in my case visitid will be updated on every row click which will open browser's new tab. This is how the data is "shared"</p>