attempting to fix window not available on build

gatsby-kedro-viz/package.json

@@ -5,7 +5,7 @@
   "version": "0.1.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "dependencies": {
-    "@quantumblack/kedro-viz": "^3.2.0",
+    "@quantumblack/kedro-viz": "3.0.1",
     "gatsby": "^2.19.7",
     "gatsby-image": "^2.2.39",
     "gatsby-plugin-manifest": "^2.2.39",

gatsby-kedro-viz/src/pages/index.js

@@ -7,14 +7,28 @@ import SEO from "../components/seo"
 import data from './default-kedro157.json'
 import KedroViz from '@quantumblack/kedro-viz';
 
-const IndexPage = () => (
+class IndexPage extends React.Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      loaded: false
+    }
+    this.componentDidMount = () => {
+      this.setState({ loaded: false })
+
+    }
+  }
+  render() {
+    return (
       <Layout>
         <SEO title="Home" />
         <h1>default kedro pipeline</h1>
         <div className="pipeline" style={{ minHeight: '80vh' }}>
-      <KedroViz style={{ minHeight: '80vh' }} data={data} />
+          {this.state.loaded === false ? 'loading' : <KedroViz style={{ minHeight: '80vh' }} data={data} />}
         </div>
       </Layout>
-)
+    )
+  }
+}
 
 export default IndexPage