From 6e9b1ac181a4a2e92739892de4480b83d53bcbc9 Mon Sep 17 00:00:00 2001
From: Brett Sun <brett@ascribe.io>
Date: Thu, 10 Dec 2015 19:19:01 +0100
Subject: [PATCH] Hotfix for header accessing undefined ref
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Sometimes `onRouteChange()` is triggered before the component’s refs
are available, so we have to check for them before setting their state.
---
 js/components/header.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/js/components/header.js b/js/components/header.js
index 285a1ed2..c18ebd5b 100644
--- a/js/components/header.js
+++ b/js/components/header.js
@@ -140,7 +140,9 @@ let Header = React.createClass({
     // the collapsibleNav by itself on click. setState() isn't available on a ref so
     // doing this explicitly is the only way for now.
     onRouteChange() {
-        this.refs.navbar.state.navExpanded = false;
+        if (this.refs.navbar) {
+            this.refs.navbar.state.navExpanded = false;
+        }
     },
 
     render() {