25 replies

Converting XState Context to an Effect Stream in React

Hey! I have some state in a React component which comes from an XState context:

const editorState = useSelector(actorRef, (s) => s.context.editorState);

const editorState = useSelector(actorRef, (s) => s.context.editorState);

const editorState = useSelector(actorRef, (s) => s.context.editorState);

const editorState = useSelector(actorRef, (s) => s.context.editorState);

I am trying to turn this into an Effect

Stream

Stream

so each change fires a new element onto the stream. Any idea how I can do that?