fix: giving different context to same layout don't work

This is a ugly fix for this
ref: gatsbyjs/gatsby#3025
fixes #22

gatsby-node.js

@@ -28,6 +28,7 @@ exports.createPages = ({graphql, boundActionCreators}) => {
       }
 
       const MainLayout = path.resolve(`./src/templates/MainLayout.jsx`)
+      const MainLayout2 = path.resolve(`./src/templates/MainLayout2.jsx`)
 
       const homeTemplate = path.resolve(`./src/templates/Home.jsx`)
       const sectionTemplate = path.resolve(`./src/templates/Section.jsx`)
@@ -51,9 +52,10 @@ exports.createPages = ({graphql, boundActionCreators}) => {
       )
 
       // layout for each lang
-      Object.keys(languagePaths).forEach((locale) => {
+      Object.keys(languagePaths).forEach((locale, i) => {
           createLayout({
-            component: slash(MainLayout),
+            // component: slash(MainLayout),
+            component: slash(i === 1 ? MainLayout2 : MainLayout),
             id: `main-layout-${locale}`,
             context: {
               languages,

src/templates/MainLayout2.jsx

@@ -0,0 +1,51 @@
+// @flow
+import * as React from 'react'
+import 'antd/dist/antd.css'
+import 'tachyons' // eslint-disable-line
+import LanguagesNav from '../components/LanguagesNav'
+import './styles.css'
+
+type Props = {
+  children: Function,
+  location: {
+    // eslint-disable-line
+    pathname: string,
+  },
+  data: {
+    contentfulWebsite: {
+      languageChoiceLabel: string,
+    },
+  },
+  layoutContext: {
+    languages: Array<Object>,
+    locale: string,
+  },
+  location: {
+    pathname: string,
+  },
+}
+const MainLayout = ({children, data, layoutContext, location}: Props) => {
+  const {languageChoiceLabel} = data.contentfulWebsite
+  const {languages} = layoutContext
+  const {pathname} = location
+  return (
+    <div>
+      <LanguagesNav
+        languageChoiceLabel={languageChoiceLabel}
+        languages={languages}
+        pathname={pathname}
+      />
+      {children()}
+    </div>
+  )
+}
+
+export default MainLayout
+
+export const pageQuery = graphql`
+  query mainLayoutQuery2($locale: String!) {
+    contentfulWebsite(node_locale: {eq: $locale}) {
+      languageChoiceLabel
+    }
+  }
+`