State as Context

state-as-context.js

import { State, withStatechart } from 'react-automata'
import alarmMachine from './alarmMachine'

const AlarmClock = () => (
 <>
   <State value='Ringing'>
     <Clock ringing />
   </State>
   <State value=['Idle', 'Snoozing']>
     <Clock />
   </State>
 </>
)

export default withStatechart(alarmMachine)(AlarmClock)