Merge pull request #420 from statelyai/davidkpiano/fix-action-viz

Fix ActionViz
statelyai · Aug 4, 2023 · 27cbf4d · 27cbf4d · vercel · Aug 4, 2023
2 parents 3cf4ad7 + 39290c1
commit 27cbf4d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/.changeset/fast-taxis-smash.md b/.changeset/fast-taxis-smash.md
@@ -0,0 +1,5 @@
+---
+'xstate-viz-app': patch
+---
+
+Fixes issue where raise actions were causing visualizer to crash
diff --git a/src/ActionViz.tsx b/src/ActionViz.tsx
@@ -64,9 +64,14 @@ export const ActionType: React.FC<{ title?: string }> = ({
 export const RaiseActionLabel: React.FC<{
   action: PotentiallyStructurallyCloned<RaiseAction<EventObject>>;
 }> = ({ action }) => {
+  const eventType =
+    typeof action.event === 'object' && action.event !== null
+      ? action.event.type ?? <em>unknown</em>
+      : `${action.event}`;
+
   return (
     <ActionType>
-      <strong>raise</strong> {action.event}
+      <strong>raise</strong> {eventType}
     </ActionType>
   );
 };