title: Why am I getting "unused default export" error?
body: <p>I don't get how I'm getting <code>unused default export</code> error whenever I hover over <code>export default emailChanged;</code> in my <code>index.js</code> file.  I'm assuming this is why my code won't run in the simulator.    </p>
  
  <p>Here's <code>LoginForm.js</code>:</p>
  
  <pre><code>import React, {Component} from 'react';
  import {connect} from 'react-redux';
  import {emailChanged} from 'TorusTeensApp/src/actions';
  import {Text, StyleSheet, KeyboardAvoidingView, TextInput, TouchableOpacity} from 'react-native';
  
  class LoginForm extends Component {
      onEmailChange(text) {
          this.props.emailChanged(text);
      }
  
      render() {
          return(
              &lt;KeyboardAvoidingView style={styles.container}&gt;
                  &lt;TextInput
                      style={styles.userInput}
                      onsubmitediting={() =&gt; this.passwordInput.focus()}
                      returnKeyType={"next"}
                      placeholder={"Email"}
                      label={"Email"}
                      keyboardType={"email-address"}
                      autoCorrect={false}
                      onChangeText={this.onEmailChange.bind(this)}
                      value={this.props.email}
                  /&gt;
  
                  &lt;TextInput
                      style={styles.userInput}
                      ref={(userInput) =&gt; this.passwordInput = userInput}
                      returnKeyType={"go"}
                      placeholder={"Password"}
                      label={"Password"}
                      secureTextEntry
                  /&gt;
  
                  &lt;TouchableOpacity style={styles.buttonContainer}&gt;
                      &lt;Text style={styles.buttonText}&gt;Login&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
  
                  &lt;TouchableOpacity style={styles.buttonContainer}&gt;
                      &lt;Text style={styles.buttonText}&gt;Create Account&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
              &lt;/KeyboardAvoidingView&gt;
          );
      }
  }
  
  const styles = StyleSheet.create({
      container: {
          padding: 20 // creates a gap from the bottom
      },
  
      userInput: {
          marginBottom: 20,
          backgroundColor: '#9b42f4',
          height: 40
      },
  
      buttonContainer: {
          backgroundColor: '#41bbf4',
          paddingVertical: 10,
          marginBottom: 20
      },
  
      buttonText: {
          textAlign: 'center',
          color: '#FFFFFF'
      }
  });
  
  const mapStateToProps = state =&gt;  {
      return {
          email: state.auth.email
      };
  };
  
  export default connect(mapStateToProps,
      (dispatch) =&gt; ({emailChanged: (text) =&gt; dispatch(emailChanged(text))}))(LoginForm);
  </code></pre>
  
  <p>Here's <code>index.js</code>:</p>
  
  <pre><code>import {EMAIL_CHANGED} from './types';
  
  export const emailChanged = (text) =&gt; {
      return {
          type: 'EMAIL_CHANGED',
          payload: text
      };
  };
  
  onEmailChange = (text) =&gt; {
      this.props.emailChanged(text);
  };
  
  export default emailChanged;
  </code></pre>