message: Replaced consumer with useContext hook
diff: -import React from 'react';
  +import React, {useContext} from 'react';
  import {StyleSheet, Text, View, TouchableOpacity} from 'react-native';
  import {NavigationContext} from 'navigation-react';
  import {connect} from 'react-redux';
  const mapStateToProps = ({people: {byId}}, {id}) => ({person: byId[id]});
  -const PersonItem = ({person: {id, name}}) => (
  - <NavigationContext.Consumer>
  - {({stateNavigator}) => (
  +const PersonItem = ({person: {id, name}}) => {
  + const {stateNavigator} = useContext(NavigationContext);
  + return (
  <TouchableOpacity
  onPress={() => {
  stateNavigator.navigate('person', {id});
  @@ -16,9 +16,8 @@ const PersonItem = ({person: {id, name}}) => (
  <Text style={styles.name}>{name}</Text>
  </View>
  </TouchableOpacity>
  - )}
  - </NavigationContext.Consumer>
  -);
  + )
  +};
  export default connect(mapStateToProps)(PersonItem);
  