title: Why does react-grid-gallery display my images twice?
body: <p>I am trying to create an image gallery using react-grid-gallery. 
  I used the example code to quickly get something on the page. However, the  tag either displays nothing or if I add a div with my images I then get a gallery displayed twice. It works but it obviously does not look very good overall.</p>
  
  <pre><code> import React from 'react'
      import { NavLink } from 'react-router-dom'
      let brand = 'app/images/brand.png'
  
      import { render } from 'react-dom'
      import Gallery from 'react-grid-gallery'
  
      let gallery1 = 'app/images/gallery1.jpg'
      let gallery2 = 'app/images/gallery2.jpg'
      let gallery3 = 'app/images/gallery3.jpg'
      let gallery4 = 'app/images/gallery4.jpg'
      let gallery5 = 'app/images/gallery5.jpg'
      let gallery6 = 'app/images/gallery6.jpg' 
  
      const IMAGES =
      [
      {
        src: 'app/images/gallery1.jpg',
        thumbnail: 'app/images/gallery1.jpg',
        thumbnailWidth: 800,
        thumbnailHeight: 800,
      },
      {
        src: 'app/images/gallery2.jpg',
        thumbnail: 'app/images/gallery2.jpg',
        thumbnailWidth: 800,
        thumbnailHeight: 800,
      },
      {
        src: 'app/images/gallery3.jpg',
        thumbnail: 'app/images/gallery3.jpg',
        thumbnailWidth: 800,
        thumbnailHeight: 800,
      },
      {
        src: 'app/images/gallery4.jpg',
        thumbnail: 'app/images/gallery4.jpg',
        thumbnailWidth: 800,
        thumbnailHeight: 800,
      },
      {
        src: 'app/images/gallery5.jpg',
        thumbnail: 'app/images/gallery5.jpg',
        thumbnailWidth: 800,
        thumbnailHeight: 800,
      },
  
  
  
      export class GalleryCarousel extends React.Component {
  
      render() {
      return (
  
        &lt;div className='home-container'&gt;
  
          &lt;NavLink to='/' style={{marginTop: 80}}&gt;
            &lt;img src={brand} alt={'img for brand'} /&gt;
          &lt;/NavLink&gt;
  
          &lt;div className=''&gt;
            &lt;div className='tile' &gt;&lt;img src={gallery1} alt=''/&gt;&lt;/div&gt;
            &lt;div className='tile' &gt;&lt;img src={gallery2} alt=''/&gt;&lt;/div&gt;
            &lt;div className='tile' &gt;&lt;img src={gallery3} alt=''/&gt;&lt;/div&gt;
            &lt;div className='tile' &gt;&lt;img src={gallery4} alt=''/&gt;&lt;/div&gt;
            &lt;div className='tile' &gt;&lt;img src={gallery5} alt=''/&gt;&lt;/div&gt;
            &lt;div className='tile' &gt;&lt;img src={gallery6} alt=''/&gt;&lt;/div&gt;
  
            &lt;Gallery images={IMAGES} backdropClosesModal={true}/&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      )
    }
  }
  </code></pre>
  
  <p>//index.js</p>
  
  <pre><code>import React from 'react'
  import ReactDOM from 'react-dom'
  import {Nav} from './Nav'
  import {Home} from './Home'
  import {About} from './About'
  import {Press} from './Press'
  import {GalleryCarousel} from './Gallery'
  import {Contact} from './Contact'
  import {Footer} from './Footer'
  let ReactRouter = require('react-router-dom')
  let Router = ReactRouter.BrowserRouter;
  let Route = ReactRouter.Route
  let Switch = ReactRouter.Switch
  import './index.css'
  
  
  
  
  class App extends React.Component {
  
    render() {
      return (
        &lt;Router&gt;
          &lt;div className='container'&gt;
            &lt;Nav /&gt;
  
      &lt;Switch&gt;
        &lt;Route exact path='/' component={Home} /&gt;
        &lt;Route path='/about' component={About} /&gt;
        &lt;Route path='/press' component={Press} /&gt;
        &lt;Route path='/gallery' component={GalleryCarousel} /&gt;
        &lt;Route path='/contact' component={Contact} /&gt;
        &lt;Route render={function () {
          return  &lt;h1 style={{ paddingTop: 80 }}&gt;Page Not Found.&lt;/h1&gt;
        }} /&gt;
      &lt;/Switch&gt;
      &lt;Footer
        scrollStepInPx='50'
        delay='16.66'
      /&gt;
    &lt;/div&gt;
    &lt;/Router&gt;
    )
    }
    }
  
    ReactDOM.render(
      &lt;App /&gt;,
      document.getElementById('app')
    )
  </code></pre>