title: React Native NetInfo 'hander is not a function' error code
body: <p>I followed a tutorial from 'HandlerBar Labs' on 'Saving Data with Redux Persist'. Everything worked fine in the practice app but when I try to use it in my actual app, I get that error. Here's the full error message:<a href="https://i.stack.imgur.com/3ZTwV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3ZTwV.png" alt="enter image description here"></a></p>
  
  <p>Here's some code I'm using..</p>
  
  <p>I created a network action and a network reducer so..</p>
  
  <p>network_action.js:</p>
  
  <pre><code>export const CHANGE_CONNECTION_STATUS = 'CHANGE_CONNECTION_STATUS';
  
  export const changeNetworkStatus = status =&gt; {
    return {
      type: CHANGE_CONNECTION_STATUS,
      status,
    };
  };
  </code></pre>
  
  <p>network_reducer.js:</p>
  
  <pre><code>import { CHANGE_CONNECTION_STATUS } from '../actions/network_action';
  
  const intitialState = {
    connected: false,
    hasCheckedStatus: false,
  };
  
  
  const isConnected = (status) =&gt; {
    if (status.toLowerCase() === 'none') {
      return false;
    }
  
    return true;
  };
  
  
  export default (state = intitialState, action) =&gt; {
    switch (action.type) {
      case CHANGE_CONNECTION_STATUS:
        return {
          ...state,
          hasCheckedStatus: true,
          connected: isConnected(action.status),
        }
      default:
        return state;
    }
  }
  </code></pre>
  
  <p>And then in my root app.js ..</p>
  
  <pre><code>import { Platform, AsyncStorage, NetInfo } from 'react-native';
  import { changeNetworkStatus } from './redux/actions/network_action';
  
  componentWillMount() {
      NetInfo.addEventListener('connectionChange', this.handleNetworkChange);
      };
  
  const mapDispatchToProps = (dispatch) =&gt; {
    return {
      handleNetworkChange: (info) =&gt; { dispatch(changeNetworkStatus(info)); }
    };
  };
  </code></pre>
  
  <p>and here are my package.json dependencies..</p>
  
  <pre><code>"dependencies": {
      "axios": "^0.16.2",
      "instabug-reactnative": "^2.0.18",
      "link": "^0.1.5",
      "prop-types": "^15.6.0",
      "react": "^16.0.0",
      "react-dom": "16.0.0-alpha.12",
      "react-native": "0.50.0",
      "react-native-auth0": "^1.2.1",
      "react-native-dotenv": "^0.1.0",
      "react-native-fontawesome": "^5.7.0",
      "react-native-google-analytics-bridge": "^5.3.3",
      "react-native-localization": "*",
      "react-native-splash-screen": "^3.0.1",
      "react-native-swipe-gestures": "^1.0.2",
      "react-navigation": "^1.0.0-beta.21",
      "react-redux": "^5.0.6",
      "redux": "^3.7.2",
      "redux-logger": "^3.0.6",
      "redux-persist": "4.10.2",
      "redux-thunk": "^2.2.0",
      "watchman": "^0.1.8"
    },
    "devDependencies": {
      "babel-eslint": "^7.2.3",
      "babel-jest": "20.0.3",
      "babel-preset-es2015": "^6.24.1",
      "babel-preset-react-native": "^2.0.0",
      "enzyme": "^2.9.1",
      "eslint": "^3.19.0",
      "eslint-config-airbnb": "^15.1.0",
      "eslint-plugin-import": "^2.7.0",
      "eslint-plugin-jsx-a11y": "^5.1.1",
      "eslint-plugin-react": "^7.4.0",
      "eslint-plugin-react-native": "^3.1.0",
      "jest": "20.0.4",
      "react-test-renderer": "16.0.0-alpha.12"
    },
  </code></pre>
  
  <p>Hope that's enough details, thanks for any help!</p>