Check window.location in componentDidMount

Fixes a Gatsby build error where window is not available. Refer to: gatsbyjs/gatsby#309
nbw · Dec 3, 2018 · 15ece8d · 15ece8d
1 parent d567904
commit 15ece8d
Showing 1 changed file with 20 additions and 7 deletions.
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -19,19 +19,32 @@ const TIME24HR = "HH:mm";
 const TIME12HR = "h:mm a";
 
 // Pull default state from the URL if available.
-const urlCoder = URLCoder.fromURL(window.location);
 
 class IndexPage extends Component {
   state = {
     timeFormat: TIME12HR,
-    locA: urlCoder.locA || {},
-    locAStart: urlCoder.locAStart || DEFAULT_START_TIME,
-    locAEnd:   urlCoder.locAEnd   || DEFAULT_END_TIME,
-    locB: urlCoder.locB || {},
-    locBStart: urlCoder.locBStart || DEFAULT_START_TIME,
-    locBEnd:   urlCoder.locBEnd || DEFAULT_END_TIME,
+    locA: 			{},
+    locAStart: 	DEFAULT_START_TIME,
+    locAEnd:   	DEFAULT_END_TIME,
+    locB: 			{},
+    locBStart:  DEFAULT_START_TIME,
+    locBEnd:   	DEFAULT_END_TIME,
   }
 
+  componentDidMount() {
+		const urlCoder = URLCoder.fromURL(window.location);
+		if (urlCoder) {
+			this.setState({
+				locA: 			urlCoder.locA,
+				locAStart: 	urlCoder.locAStart,
+				locAEnd: 		urlCoder.locAEnd,
+				locB: 			urlCoder.locB,
+				locBStart: 	urlCoder.locBStart,
+				locBEnd: 		urlCoder.locBEnd,
+			})
+		}
+	}
+
   update = (name, value) => {
     this.setState({
       [name]: value