Promise problem

main.js

const withValues = mapProps(p => ({
  ...p, 
  onEvent: val => p.onEvent(val)
    .then(res => res.data.val)
    .catch(res => Promise.reject(res.data.errors))
}));

const withEffect = mapProps(p => ({
  ...p, 
  onEvent: val => p.onEvent(val)
    .then(val => p.history.push(`/route/${val}`))
}));

const withMoreStuff = mapProps(p => ({
  ...p, 
  onEvent: val => p.onEvent(val)
    .then(val => this.setState({ val }))
    .catch(errors => this.setState({ errors }))
}));

const container = compose(
  withValues,
  withEffect,
  withMoreStuff,
);