Generated by XState Viz: https://xstate.js.org/viz

machine.js

const ResultsMachine = Machine(
	{
		id: 'resultsMachine',
		initial: 'waiting',
		context: {
			responseData: null,
			filterParams: null,
			error: '',
		},
		states: {
			waiting: {
				on: {
					FETCH_RESULTS: {
						target: 'fetching',
						actions: ['setFilterParams'],
					},
				},
			},
			fetching: {
				invoke: {
					id: 'fetchResults',
					src: (_context, { params }) => fetchResults(params),
					onDone: {
						target: 'success',

						actions: [
							assign({
								responseData: (_context, event) => event.data,
							}),
						],
					},
					onError: {
						target: 'failed',
						actions: [assign({ error: (context, event) => event.data })],
					},
				},
			},
			success: {
				on: {
					FETCH_RESULTS: {
						target: 'fetching',
						actions: ['setFilterParams'],
					},
				},
			},
			failed: {},
			noResults: {},
		},
	},
	{
		actions: {
			setFilterParams: assign({
				filterParams: (context, event) => event.params,
			}),
		},
	},
);