React Context api Consumer implementation

ConsumerComp.js

// Session Actions
export const setSessionInfo = data => {
  return {
    payload: data,
    type: SESSION_SET_USER_INFO
  }
}

// Login Comp
onClickLoginBtn = dispatch => {
    const { state: { user, pass }, props: { navigation: { navigate } } } = this
    if (user !== '' && pass !== '') {
      const loginUser = async () => {
        result = await authUser(this.state)
        if (!result['error']) {
          //dispatch action to set the session info in global state
          dispatch(setSessionInfo(result))
        } else {
          console.log('error ', result['error'])
        }
      }
      loginUser()
    }
}

return (
      <AppConsumer>
        {({ dispatch, sessionData }) => {
          <View style={styles.inputBox}>
              <Button onPress={() => { this.onClickLoginBtn(dispatch) }} title="Ingresar" color="#46912F" />
            </View>
        }}
      </AppConsumer>
)