API state machine part 2

ApiStateMachinePart2.js

const withApiState = TargetComponent => class extends React.Component {
  state = {
    current: 'idle',
  };
  next = (input) => {
    let nextState;
    switch (this.state.current) {
      case 'idle': nextState = 'pending'; break;
      case 'pending': nextState = input ? 'success' : 'error'; break;
      default: nextState = 'idle';
    }
    this.setState({ current: nextState });
  }
  render() {
    return (
      <TargetComponent 
        {...this.props} 
        apiState={{ ...this.state, next: this.next }} 
      />
    );
}