App.js

function App () {
  return (
    <StateMachine
      states={states}
      initialContext={{
        message: {
          recipient: '',
          text: '',
        }
      }}
      initialState={'initializing'}
    >
      <State is={'initializing'}>
        <Transition transitionName={'load_draft'} />
      </State>

      <State is={'writing'}>
        <ComposerView/>
      </State>

      <State is={'sent'}>
        <MessageView/>
      </State>
    </StateMachine>
  )
}