From e058c5a3db755b6367d5e83e4db525450fc0258d Mon Sep 17 00:00:00 2001
From: Graham McGregor <graham@gmcgregor.ca>
Date: Sun, 23 Jul 2017 00:24:26 -0400
Subject: [PATCH] Fix errors found at runtime due to updating React

---
 app/scripts/views/beat_visualization.js      | 4 ++--
 app/scripts/views/metronome_view.js          | 3 +--
 app/scripts/views/newsletter_form.js         | 2 --
 app/scripts/views/range_setting_component.js | 2 +-
 package.json                                 | 2 +-
 5 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/app/scripts/views/beat_visualization.js b/app/scripts/views/beat_visualization.js
index bcb39c1..03bdfa3 100644
--- a/app/scripts/views/beat_visualization.js
+++ b/app/scripts/views/beat_visualization.js
@@ -10,8 +10,8 @@ export default class BeatVisualization extends Component {
     settings: PropTypes.object.isRequired,
     barDuration: PropTypes.number.isRequired,
     currentRhythm: PropTypes.object.isRequired,
-    beatHistory: PropTypes.object.isRequired,
-    result: PropTypes.object.isRequired
+    beatHistory: PropTypes.array.isRequired,
+    result: PropTypes.object
   };
 
   convertTicksToBeatNames(tickTime, tickLength) {
diff --git a/app/scripts/views/metronome_view.js b/app/scripts/views/metronome_view.js
index 4a06ab6..aa1c818 100644
--- a/app/scripts/views/metronome_view.js
+++ b/app/scripts/views/metronome_view.js
@@ -9,8 +9,7 @@ import CollapsableContainer from "./collapsable_container.js";
 export default class MetronomeView extends Component {
   static propTypes = {
     onMetronomeEnded: PropTypes.func,
-    settings: PropTypes.object.isRequired,
-    statisticService: PropTypes.object.isRequired
+    settings: PropTypes.object.isRequired
   };
 
   constructor(props, context) {
diff --git a/app/scripts/views/newsletter_form.js b/app/scripts/views/newsletter_form.js
index cb976a2..002178d 100644
--- a/app/scripts/views/newsletter_form.js
+++ b/app/scripts/views/newsletter_form.js
@@ -36,8 +36,6 @@ export default class NewsLetterForm extends Component {
                       this.email = c;
                     }}
                     className="form-control"
-                    groupClassName="group-class"
-                    labelClassName="label-class"
                   />
                 </div>
               </div>
diff --git a/app/scripts/views/range_setting_component.js b/app/scripts/views/range_setting_component.js
index a8d6ab2..b4a5fbf 100644
--- a/app/scripts/views/range_setting_component.js
+++ b/app/scripts/views/range_setting_component.js
@@ -15,7 +15,7 @@ export default class RangeSettingComponent extends Component {
   static propTypes = {
     rangeMin: PropTypes.number.isRequired,
     rangeMax: PropTypes.number.isRequired,
-    values: PropTypes.array,
+    values: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number]),
     onChange: PropTypes.func.isRequired,
     label: PropTypes.string,
     valueToString: PropTypes.func,
diff --git a/package.json b/package.json
index bd2ca33..1f3cd3e 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "lodash": "^4.5.1",
     "prop-types": "^15.5.10",
     "react": "^15.6.1",
-    "react-bootstrap": "^0.28.3",
+    "react-bootstrap": "^0.31.1",
     "react-dom": "^15.6.1",
     "react-motion": "^0.5.0",
     "react-range-slider-bem": "^0.2.11",