update packages, react 16.8.6

package.json

@@ -4,21 +4,33 @@
   "license": "MIT",
   "homepage": "http://ahfarmer.github.io/emoji-search",
   "devDependencies": {
-    "gh-pages": "^1.1.0",
-    "prettier": "^1.13.0",
-    "react-scripts": "^1.0.17"
+    "gh-pages": "^2.0.1",
+    "prettier": "^1.17.1",
+    "react-scripts": "^3.0.1"
   },
   "dependencies": {
-    "clipboard": "^1.7.1",
+    "clipboard": "^2.0.4",
     "github-fork-ribbon-css": "^0.2.1",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0"
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject",
     "deploy": "gh-pages -d build"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
   }
 }

src/App.js

@@ -4,7 +4,7 @@ import SearchInput from "./SearchInput";
 import EmojiResults from "./EmojiResults";
 import filterEmoji from "./filterEmoji";
 
-class App extends PureComponent {
+export default class App extends PureComponent {
   constructor(props) {
     super(props);
     this.state = {
@@ -28,4 +28,3 @@ class App extends PureComponent {
     );
   }
 }
-export default App;

src/EmojiResultRow.js

@@ -2,7 +2,12 @@ import React, { PureComponent } from "react";
 import PropTypes from "prop-types";
 import "./EmojiResultRow.css";
 
-class EmojiResultsRow extends PureComponent {
+export default class EmojiResultsRow extends PureComponent {
+  static propTypes = {
+    title: PropTypes.string,
+    symbol: PropTypes.string
+  };
+
   render() {
     const codePointHex = this.props.symbol.codePointAt(0).toString(16);
     const src = `//cdn.jsdelivr.net/emojione/assets/png/${codePointHex}.png`;
@@ -18,8 +23,3 @@ class EmojiResultsRow extends PureComponent {
     );
   }
 }
-EmojiResultsRow.propTypes = {
-  title: PropTypes.string,
-  symbol: PropTypes.string
-};
-export default EmojiResultsRow;

src/EmojiResults.js

@@ -5,7 +5,11 @@ import Clipboard from "clipboard";
 import EmojiResultRow from "./EmojiResultRow";
 import "./EmojiResults.css";
 
-class EmojiResults extends PureComponent {
+export default class EmojiResults extends PureComponent {
+  static propTypes = {
+    emojiData: PropTypes.array
+  };
+
   componentDidMount() {
     this.clipboard = new Clipboard(".copy-to-clipboard");
   }
@@ -28,7 +32,3 @@ class EmojiResults extends PureComponent {
     );
   }
 }
-EmojiResults.propTypes = {
-  emojiData: PropTypes.array
-};
-export default EmojiResults;

src/Header.js

@@ -1,7 +1,7 @@
 import React, { PureComponent } from "react";
 import "./Header.css";
 
-class Header extends PureComponent {
+export default class Header extends PureComponent {
   render() {
     return (
       <header className="component-header">
@@ -22,4 +22,3 @@ class Header extends PureComponent {
     );
   }
 }
-export default Header;

src/SearchInput.js

@@ -3,7 +3,11 @@ import PropTypes from "prop-types";
 
 import "./SearchInput.css";
 
-class SearchInput extends PureComponent {
+export default class SearchInput extends PureComponent {
+  static propTypes = {
+    textChange: PropTypes.func
+  };
+
   handleChange = event => {
     this.props.textChange(event);
   };
@@ -18,7 +22,3 @@ class SearchInput extends PureComponent {
     );
   }
 }
-SearchInput.propTypes = {
-  textChange: PropTypes.func
-};
-export default SearchInput;