Joschka joschka

drbr / XStateViz.tsx

Created November 26, 2020 07:26

XState Visualizer (XState Inspector) as a React component with a standalone state machine

	import { useEffect, useState } from 'react';
	import { StateMachine } from 'xstate';
	import { useMachine } from '@xstate/react';
	import { inspect } from '@xstate/inspect';

	let iFrameElement: HTMLIFrameElement \| null = null;

	function createIFrame() {
	if (!iFrameElement) {
	const iframe = document.createElement('iframe');