fix: fix lint

.eslintrc.json

@@ -4,6 +4,7 @@
     "jest": true
   },
   "rules": {
-    "react/jsx-filename-extension": 0
+    "react/jsx-filename-extension": 0,
+    "react/destructuring-assignment": 0
   }
 }

examples/cats/app.js

@@ -125,13 +125,15 @@ class App extends Component {
   }
 
   moveNext() {
-    this.setState({ index: (this.state.index + 1) % images.length });
+    this.setState(prevState => ({
+      index: (prevState.index + 1) % images.length,
+    }));
   }
 
   movePrev() {
-    this.setState({
-      index: (this.state.index + images.length - 1) % images.length,
-    });
+    this.setState(prevState => ({
+      index: (prevState.index + images.length - 1) % images.length,
+    }));
   }
 
   render() {

examples/cats/index.js

@@ -1,3 +1,5 @@
+/* globals document */
+/* globals document */
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './app';

src/__tests__/react-image-lightbox.spec.js

@@ -70,7 +70,7 @@ describe('Lightbox structure', () => {
 
   it('contains custom toolbar buttons when supplied', () => {
     wrapper.setProps({
-      toolbarButtons: [<button className="my-test-button" />],
+      toolbarButtons: [<button type="button" className="my-test-button" />],
     });
     expect(wrapper.find('.ril-toolbar__item .my-test-button').length).toEqual(
       1

src/react-image-lightbox.js

@@ -450,7 +450,9 @@ class ReactImageLightbox extends Component {
     // Ignore requests that don't change the zoom level
     if (nextZoomLevel === this.state.zoomLevel) {
       return;
-    } else if (nextZoomLevel === MIN_ZOOM_LEVEL) {
+    }
+
+    if (nextZoomLevel === MIN_ZOOM_LEVEL) {
       // Snap back to center if zoomed all the way out
       this.setState({
         zoomLevel: nextZoomLevel,