It doesn't transition to other state

[aislanmaia]

As xstate 4.3.3 and using use-machine 1.1.0, the state doesn't get transitioned to others states at all.
Just tested with the following tutorial (updating it to use use-machine and just plain functions components through React Hooks) and tested with the example in the README of this repo.

It seems just get dispatched and captured the events, but doesn't transitions.

[carloslfu]

Hi, @aislanmaia. Thanks for reporting. Did you resolve it? If not please provide a code example or a sandbox (in codesandbox.com) and, I´ll review it.

[aislanmaia]

Hello @carloslfu. Thanks for replying. I don't know what happened, maybe I misunderstood some concepts, but I checked that the statechart was something locked into just 2 states chains, and the others wasn't get triggered. Anyways I have resolved it. But now, I'm getting confused because I'm losing my state through the hot-reloads from create-react-app.

My question is how can I use the use-machine states to survive the reloads after saving. Maybe I should open another issue to this question?? I have uploaded a repo with the reproducible issue.
Here: example project

[carloslfu]

You can do it this way easily if you have only one instance of the statechart, if not it becomes trickier but not impossible. You have to create a wrapper around useMachine for saving each XState instance and swapping it on hot-reload. I'm gonna create an issue for creating such wrapper.

[aislanmaia]

Confirmed working like a charm following the instructions in the link above.

For others in this thread, my index.js starting from example project is as below:

/* code above omitted */

const render = (Component) => ReactDOM.render(
  <AppProvider>
    <App />
   </AppProvider>
   , document.getElementById("root")
);

render(App)

if (module.hot) {
  module.hot.accept('./App', () => {
    const NextApp = require('./App').default
    render(NextApp)
  })
}