title: Chrome on IOS has a redirect loop in redux/react website
body: <p>So a weird bug that we have came across in <code>Google chrome on IOS</code>. There is a constant redirect loop occurring. We're using <code>React</code> and <code>React-router</code>.</p>
  <p>I came across a weird fix which involved me adding a query string at the end - <code>/#/?_k=p8ttt0</code> - But this isn't something that we want to do as it's an odd looking string and will ruin the other routes.</p>
  <p>Here is the some of the code that we're using.</p>
  <pre><code>import React from 'react';
  import { render } from 'react-dom';
  import { Provider } from 'react-redux';
  import { DevTools, DebugPanel, LogMonitor } from 'redux-devtools/lib/react';
  import { Router, Route, IndexRoute } from 'react-router';
  import createBrowserHistory from 'history/lib/createBrowserHistory';
  import { syncReduxAndRouter } from 'redux-simple-router';
  
  const store = configureStore();
  const history = createBrowserHistory(); 
  
  syncReduxAndRouter(history, store);
  
  render(
    &lt;Provider store={store}&gt;
      &lt;div&gt;
        &lt;Router history={history} onUpdate={() =&gt; window.scrollTo(0, 0)}&gt;
          &lt;Route path=&quot;/&quot; component={SiteContainer}&gt;
            &lt;IndexRoute component={HomeLayout} /&gt;
            &lt;Route path=&quot;a&quot; component={HomeLayout} /&gt;
            &lt;Route path=&quot;b&quot; component={HomeLayout} /&gt;
            &lt;Route path=&quot;c&quot; component={HomeLayout} /&gt;
            &lt;Route path=&quot;d&quot; component={HomeLayout} /&gt;
  
          &lt;/Route&gt;
          &lt;Route path=&quot;/styleguide&quot; component={StyleguideComponent} /&gt;
        &lt;/Router&gt;
      &lt;/div&gt;
    &lt;/Provider&gt;,
    document.getElementById('content')
  );
  </code></pre>
  <p>Has anyone came across this error before? If so is there a fix for it?</p>
  <h3>Update 1:</h3>
  <p>So I found out that replacing <code>createBrowserHistory</code> with <code>createHashHistory</code> fixes this issue but it still uses the ugly hash in the URL. Is there a way around this so I do not have to use this <code>createHashHistory</code> component? I mean what I could do is only use <code>createHashHistory</code> on specific devices (In this case <code>IOS</code> chrome, and any other browser that may have this problem).</p>