import 'react-photoswipe/lib/photoswipe.css';

import {PhotoSwipe} from 'react-photoswipe';

let isOpen = true;

let items = [
  {
    src: 'https://lorempixel.com/1200/900/sports/1',
    w: 1200,
    h: 900,
    title: 'Image 1'
  },
  {
    src: 'https://lorempixel.com/1200/900/sports/2',
    w: 1200,
    h: 900,
    title: 'Image 2'
  }
];

let options = {
  //https://photoswipe.com/documentation/options.html
};

handleClose = () => {
  isOpen: false
};

<PhotoSwipe isOpen={isOpen} items={items} options={options} onClose={handleClose}/>

import {PhotoSwipeGallery} from 'react-photoswipe';

let items = [
  {
    src: 'https://lorempixel.com/1200/900/sports/1',
    thumbnail: 'https://lorempixel.com/120/90/sports/1'
    w: 1200,
    h: 900,
    title: 'Image 1'
  },
  {
    src: 'https://lorempixel.com/1200/900/sports/2',
    thumbnail: 'https://lorempixel.com/120/90/sports/2'
    w: 1200,
    h: 900,
    title: 'Image 2'
  }
];

let options = {
  //https://photoswipe.com/documentation/options.html
};

getThumbnailContent = (item) => {
  return (
    <img src={item.thumbnail} width={120} height={90}/>
  );
}

<PhotoSwipeGallery items={items} options={options} thumbnailContent={getThumbnailContent}/>

var PhotoSwipe = window.ReactPhotoswipe.PhotoSwipe;
var PhotoSwipeGallery = window.ReactPhotoswipe.PhotoSwipeGallery;