fixed eslint react version warning

.eslintrc.json

@@ -20,6 +20,11 @@
 		"plugin:react/recommended",
 		"plugin:flowtype/recommended"
 	],
+	"settings": {
+		"react": {
+			"version": "detect"
+		}
+	},
 	"rules": {
 		"quotes": ["error", "double"],
 		"curly": ["error", "all"],

src/icon/circle-notch.js

@@ -0,0 +1,11 @@
+//@flow
+
+import React from "react"
+
+import { library } from "@fortawesome/fontawesome-svg-core"
+import { faCircleNotch } from "@fortawesome/free-solid-svg-icons"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+
+library.add(faCircleNotch)
+
+export default (props: *) => <FontAwesomeIcon icon="circle-notch" { ...props } />

src/icon/github.js

@@ -0,0 +1,11 @@
+//@flow
+
+import React from "react"
+
+import { library } from "@fortawesome/fontawesome-svg-core"
+import { faGithub } from "@fortawesome/free-brands-svg-icons"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+
+library.add(faGithub)
+
+export default (props: *) => <FontAwesomeIcon icon={ [ "fab", "github" ] } { ...props } />

src/icon/index.js

@@ -0,0 +1,7 @@
+//@flow
+
+export { default as CircleNotch } from "./circle-notch"
+export { default as Key } from "./key"
+export { default as Github } from "./github"
+export { default as Linkedin } from "./linkedin"
+export { default as StackOverflow } from "./stack-overflow"

src/icon/key.js

@@ -0,0 +1,11 @@
+//@flow
+
+import React from "react"
+
+import { library } from "@fortawesome/fontawesome-svg-core"
+import { faKey } from "@fortawesome/free-solid-svg-icons"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+
+library.add(faKey)
+
+export default (props: *) => <FontAwesomeIcon icon="key" { ...props } />

src/icon/linkedin.js

@@ -0,0 +1,11 @@
+//@flow
+
+import React from "react"
+
+import { library } from "@fortawesome/fontawesome-svg-core"
+import { faLinkedin } from "@fortawesome/free-brands-svg-icons"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+
+library.add(faLinkedin)
+
+export default (props: *) => <FontAwesomeIcon icon={ [ "fab", "linkedin" ] } { ...props } />

src/icon/stack-overflow.js

@@ -0,0 +1,12 @@
+//@flow
+
+import React from "react"
+
+import { library } from "@fortawesome/fontawesome-svg-core"
+import { faStackOverflow } from "@fortawesome/free-brands-svg-icons"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+
+library.add(faStackOverflow)
+
+export default (props: *) =>
+	<FontAwesomeIcon icon={ [ "fab", "stack-overflow" ] } { ...props } />