From a0e2d68dae82ca978e531fb80af77e94c8d3a788 Mon Sep 17 00:00:00 2001
From: orangemug <info@orangemug.co.uk>
Date: Tue, 17 Jul 2018 20:40:23 +0100
Subject: [PATCH 1/2] Only apply filter if defined.

---
 src/components/App.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/App.jsx b/src/components/App.jsx
index 3051b46..943879b 100644
--- a/src/components/App.jsx
+++ b/src/components/App.jsx
@@ -430,9 +430,10 @@ export default class App extends React.Component {
         onLayerSelect={this.onLayerSelect.bind(this)} />
     }
 
-    const elementStyle = {
-      "filter": `url('#${this.state.mapFilter}')`
-    };
+    const elementStyle = {};
+    if(this.state.mapFilter) {
+      elementStyle.filter = `url('#${this.state.mapFilter}')`;
+    }
 
     return <div style={elementStyle}>
       {mapElement}

From 6ea70ab9cf34eb61ddaec92c62a5db454222c97d Mon Sep 17 00:00:00 2001
From: orangemug <info@orangemug.co.uk>
Date: Tue, 17 Jul 2018 20:45:12 +0100
Subject: [PATCH 2/2] Fix what I believe to be a 'first boot' error.

---
 src/components/map/MapboxGlMap.jsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/map/MapboxGlMap.jsx b/src/components/map/MapboxGlMap.jsx
index ebc65b7..18f3e95 100644
--- a/src/components/map/MapboxGlMap.jsx
+++ b/src/components/map/MapboxGlMap.jsx
@@ -66,6 +66,7 @@ export default class MapboxGlMap extends React.Component {
     onDataChange: () => {},
     onLayerSelect: () => {},
     mapboxAccessToken: tokens.mapbox,
+    options: {},
   }
 
   constructor(props) {