title: Tiles not ordered correctly when using LeafletJS with ReactJS
body: <p>I am using the <code>LeafletJS</code> plugin to display a full page map in a <code>ReactJS</code> single page app. I followed the instructions <a href="https://stackoverflow.com/a/26762020/341008">here</a>. However, the tiles are not displayed in correct order. They are ordered randomly (?). I found a similar problem <a href="https://stackoverflow.com/q/34559785/341008">here</a> but in that case the order was fixed on page refresh. That is not true for me. My code is (excluding boilerplate):</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;link rel="stylesheet" href="stylesheets/atlas.css"&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="app"&gt;
        Loading...
      &lt;/div&gt;
      &lt;script src="javascripts/atlas.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>index.js</strong></p>
  
  <pre><code>render(
    &lt;Provider store={store}&gt;
      &lt;App /&gt;
    &lt;/Provider&gt;,
    document.getElementById('app')
  )
  </code></pre>
  
  <p><strong>App.jsx</strong></p>
  
  <pre><code>import LiveMap from './LiveMap';
  // App component
  const App = () =&gt; (
      &lt;LiveMap /&gt;
  )
  export default App;
  </code></pre>
  
  <p><strong>LiveMap.jsx</strong></p>
  
  <pre><code>class LiveMap extends React.Component {
      constructor(props) {
          super(props);
      }
  
      render() {
          return (
              &lt;div id='map'&gt;&lt;/div&gt;
          );
      }
  
      componentDidMount() {
          let _map = this.map = L.map(ReactDOM.findDOMNode(this)).setView([-41.2858, 174.78682], 14);
          L.tileLayer(
              'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
              attribution: '&amp;copy; &lt;a href="http://openstreetmap.org"&gt;OpenStreetMap&lt;/a&gt; Contributors',
              maxZoom: 18,
              }).addTo(_map);    
      }
  
      componentWillUnmount() {...}
  
      shouldComponentUpdate() {return false;}
  };
  export default LiveMap;
  </code></pre>