createMachineComponent.js

import React from "react"
import { Machine } from "xstate"

const createMachineComponent = chart => Comp => {
  const machine = Machine(chart)

  return class Machine extends React.Component {
    state = {
      state: machine.getInitialState()
    }

    updateMachine = (action, payload) => {
      this.setState({
        state: machine.transition(this.state.state, action).toString()
      })
    }

    render() {
      return (
        <Comp {...this.props} {...this.state} update={this.updateMachine} />
      )
    }
  }
}

export default createMachineComponent