revert refactoring, gatsby doesn't like splitting up StaticQuery

src/components/molecules/Availability.jsx

@@ -4,7 +4,13 @@ import { StaticQuery, graphql } from 'gatsby'
 import { MoveIn } from '../atoms/Animations'
 import styles from './Availability.module.scss'
 
-const AvailabilityElementQuery = ({ render }) => (
+class Availability extends PureComponent {
+  constructor(props) {
+    super(props)
+  }
+
+  render() {
+    return (
       <StaticQuery
         query={graphql`
           query AvailabilityQuery {
@@ -17,18 +23,6 @@ const AvailabilityElementQuery = ({ render }) => (
             }
           }
         `}
-    render={render}
-  />
-)
-
-class Availability extends PureComponent {
-  constructor(props) {
-    super(props)
-  }
-
-  render() {
-    return (
-      <AvailabilityElementQuery
         render={data => {
           const { availability } = data.dataYaml
           const { status, available, unavailable } = availability
@@ -64,8 +58,4 @@ Availability.propTypes = {
   hide: PropTypes.bool
 }
 
-AvailabilityElementQuery.propTypes = {
-  render: PropTypes.func
-}
-
 export default Availability

src/components/molecules/ProjectNav.jsx

@@ -15,31 +15,6 @@ const ProjectLink = ({ node }) => (
   </Link>
 )
 
-const ProjectNavQuery = ({ render }) => (
-  <StaticQuery
-    query={graphql`
-      query ProjectsNavQuery {
-        allProjectsYaml {
-          edges {
-            node {
-              title
-              slug
-              img {
-                childImageSharp {
-                  fluid(maxWidth: 500, quality: 85) {
-                    ...GatsbyImageSharpFluid_noBase64
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    `}
-    render={render}
-  />
-)
-
 class ProjectNav extends Component {
   constructor(props) {
     super(props)
@@ -68,7 +43,26 @@ class ProjectNav extends Component {
     const { slug } = this.props
 
     return (
-      <ProjectNavQuery
+      <StaticQuery
+        query={graphql`
+          query ProjectsNavQuery {
+            allProjectsYaml {
+              edges {
+                node {
+                  title
+                  slug
+                  img {
+                    childImageSharp {
+                      fluid(maxWidth: 500, quality: 85) {
+                        ...GatsbyImageSharpFluid_noBase64
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        `}
         render={data => {
           const projects = data.allProjectsYaml.edges
 
@@ -110,8 +104,4 @@ ProjectNav.propTypes = {
   slug: PropTypes.string
 }
 
-ProjectNavQuery.propTypes = {
-  render: PropTypes.func
-}
-
 export default ProjectNav