StateMachineContext.js

export const StateMachineContext = React.createContext()

export function StateMachine ({
  states,
  initialContext,
  initialState,
  children,
}) {
  const [context, setContext] = useState(initialContext)
  const [state, setState] = useState(initialState)

  return (
    <StateMachineContext.Provider
      value={{
        context,
        state,
        setContext,
        setState,
        states,
      }}
    >
      {children}
    </StateMachineContext.Provider>
  )
}