Improve propType checking

packages/app-project/src/screens/ProjectHomePage/components/Hero/HeroContainer.js

@@ -1,5 +1,5 @@
 import { inject, observer } from 'mobx-react'
-import PropTypes from 'prop-types'
+import { arrayOf, string } from 'prop-types'
 import React, { Component } from 'react'
 import asyncStates from '@zooniverse/async-states'
 
@@ -67,9 +67,15 @@ class HeroContainer extends Component {
 }
 
 HeroContainer.propTypes = {
+  activeWorkflows: arrayOf(string),
+  defaultWorkflow: string,
+  language: string,
 }
 
 HeroContainer.defaultProps = {
+  activeWorkflows: [],
+  defaultWorkflow: '',
+  language: 'en'
 }
 
 export default HeroContainer

packages/app-project/src/screens/ProjectHomePage/components/Hero/components/Background/BackgroundContainer.js

@@ -19,7 +19,7 @@ class BackgroundContainer extends Component {
 }
 
 BackgroundContainer.propTypes = {
-  backgroundSrc: string
+  backgroundSrc: string.isRequired
 }
 
 @inject(storeMapper)

packages/app-project/src/screens/ProjectHomePage/components/Hero/components/Introduction/Introduction.js

@@ -37,9 +37,9 @@ function Introduction (props) {
 }
 
 Introduction.propTypes = {
-  description: string,
-  link: object,
-  title: string,
+  description: string.isRequired,
+  link: object.isRequired,
+  title: string.isRequired,
 }
 
 export default Introduction

packages/app-project/src/screens/ProjectHomePage/components/Hero/components/Introduction/IntroductionContainer.js

@@ -37,14 +37,14 @@ class IntroductionContainer extends Component {
 }
 
 IntroductionContainer.propTypes = {
-  description: string,
+  description: string.isRequired,
   router: shape({
     query: shape({
-      owner: string,
-      project: string
-    })
-  }),
-  title: string
+      owner: string.isRequired,
+      project: string.isRequired
+    }).isRequired
+  }).isRequired,
+  title: string.isRequired
 }
 
 @inject(storeMapper)

packages/app-project/src/screens/ProjectHomePage/components/Hero/components/WorkflowSelector/WorkflowSelector.js

@@ -62,9 +62,9 @@ function WorkflowSelector (props) {
 WorkflowSelector.propTypes = {
   workflows: shape({
     data: arrayOf(shape({
-      id: string
-    }))
-  })
+      id: string.isRequired
+    }).isRequired).isRequired
+  }).isRequired
 }
 
 export default withTheme(WorkflowSelector)

packages/app-project/src/screens/ProjectHomePage/components/Hero/components/WorkflowSelector/components/WorkflowSelectButton/WorkflowSelectButton.js

@@ -24,14 +24,12 @@ function WorkflowSelectButton (props) {
   )
 }
 
-WorkflowSelectButton.displayName = 'WorkflowSelectButton'
-
 WorkflowSelectButton.propTypes = {
   workflow: shape({
-    default: bool,
-    displayName: string,
-    id: string
-  })
+    default: bool.isRequired,
+    displayName: string.isRequired,
+    id: string.isRequired
+  }).isRequired
 }
 
 export default withThemeContext(WorkflowSelectButton, theme)