XState Ninja integration for React
npm install @xstate-ninja/react``bash`
npm install --save @xstate-ninja/react xstate-ninja @xstate/react xstate
To track state machines in your project, do this:
`javascript
import { useInterpret } from '@xstate-ninja/react'
function App() {
const service = useInterpret(machine, { devTools: true })
}
`
The useMachine hook is available too:
`javascript
import { useMachine } from '@xstate-ninja/react'
function App() {
const [state, send, service] = useMachine(machine, { devTools: true })
}
``
Install the browser extension, open browser devtools (F12) and select the XState panel.
