diff --git a/.eslintrc b/.eslintrc
index 028ba73..04a05da 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -19,6 +19,11 @@
   "plugins": [
     "react"
   ],
+  "settings": {
+    "react": {
+      "version": require('./package.json').dependencies.react,
+    },
+  },
   "rules": {
     "quotemark": false,
     "ordered-imports": false,
diff --git a/components/cycle-day/select-tab-group.js b/components/cycle-day/select-tab-group.js
index a761a24..63c0536 100644
--- a/components/cycle-day/select-tab-group.js
+++ b/components/cycle-day/select-tab-group.js
@@ -8,12 +8,13 @@ import AppText from '../app-text'
 
 export default class SelectTabGroup extends Component {
   render() {
+    const { buttons, onSelect } = this.props
     return (
       <View style={styles.selectTabGroup}>
         {
-          this.props.buttons.map(({ label, value }, i) => {
+          buttons.map(({ label, value }, i) => {
             let firstOrLastStyle
-            if (i === this.props.buttons.length - 1) {
+            if (i === buttons.length - 1) {
               firstOrLastStyle = styles.selectTabLast
             } else if (i === 0) {
               firstOrLastStyle = styles.selectTabFirst
@@ -23,7 +24,7 @@ export default class SelectTabGroup extends Component {
             if (isActive) activeStyle = styles.selectTabActive
             return (
               <TouchableOpacity
-                onPress={() => isActive ? this.props.onSelect(null) : this.props.onSelect(value)}
+                onPress={() => onSelect(isActive ? null : value)}
                 key={i}
                 activeOpacity={1}
               >