chore: add prop type defs to example app

examples/create-react-app/package.json

@@ -5,6 +5,7 @@
   "dependencies": {
     "graphql-hooks": "3.3.0",
     "graphql-hooks-memcache": "1.1.0",
+    "prop-types": "15.7.2",
     "react": "16.8.4",
     "react-dom": "16.8.4",
     "react-scripts": "2.1.8"
@@ -15,9 +16,6 @@
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
   "browserslist": [
     ">0.2%",
     "not dead",

examples/create-react-app/src/components/CreatePost.js

@@ -1,4 +1,5 @@
 import React from 'react'
+import PropTypes from 'prop-types'
 import { useMutation } from 'graphql-hooks'
 
 import CreatePostForm from './CreatePostForm'
@@ -15,10 +16,14 @@ export default function CreatePost({ onSuccess }) {
 
   async function handleSubmit({ title, url }) {
     await createPost({ variables: { title, url } })
-    onSuccess()
+    onSuccess && onSuccess()
   }
 
   return (
     <CreatePostForm loading={loading} error={error} onSubmit={handleSubmit} />
   )
 }
+
+CreatePost.propTypes = {
+  onSuccess: PropTypes.func
+}

examples/create-react-app/src/components/CreatePostForm.js

@@ -1,4 +1,5 @@
 import React, { useState } from 'react'
+import PropTypes from 'prop-types'
 
 export default function CreatePostForm({ loading, error, onSubmit }) {
   const [title, setTitle] = useState('')
@@ -33,3 +34,9 @@ export default function CreatePostForm({ loading, error, onSubmit }) {
     </form>
   )
 }
+
+CreatePostForm.propTypes = {
+  loading: PropTypes.bool,
+  error: PropTypes.bool,
+  onSubmit: PropTypes.func.isRequired
+}

examples/create-react-app/src/components/Posts.js

@@ -1,4 +1,5 @@
 import React from 'react'
+import PropTypes from 'prop-types'
 import { useQuery } from 'graphql-hooks'
 
 import CreatePost from './CreatePost'
@@ -41,3 +42,11 @@ function PostList({ loading, error, data }) {
     </ul>
   )
 }
+
+PostList.propTypes = {
+  loading: PropTypes.bool,
+  error: PropTypes.bool,
+  data: PropTypes.shape({
+    allPosts: PropTypes.array
+  })
+}