Как использовать библиотеку XState с React?

XState — библиотека для создания конечных автоматов (state machines) и statecharts в JavaScript. В отличие от ручной реализации через useReducer, XState поддерживает вложенные состояния, параллельные состояния, guards (условия перехода), actions (побочные эффекты) и визуализацию автомата. С React интегрируется через хук useMachine из пакета @xstate/react.