Merge pull request #42 from etclabscore/fix/allow-xstate-inspect-prod

fix: allow xstate inspect

src/containers/MyApp.tsx

@@ -54,7 +54,7 @@ const configuredAppMachine = appMachine.withConfig({
 }, { cards: [], formData: null, error: null, result: null, createData: null });
 
 const MyApp = () => {
-  const [state, send]: [any, any, any] =
+  const [state, send, service]: [any, any, any] =
     useMachine<IContext, any>(configuredAppMachine, { devTools: true });
   const [infoDialogOpen, setInfoDialogOpen] = useState<boolean>(false);
   const [onboardingSchema, setOnboardingSchema] = useState();
@@ -78,6 +78,12 @@ const MyApp = () => {
     delete formData.domain;
   }
 
+  useEffect(() => {
+    if (window.location.search.includes("?inspect")) {
+      window.__xstate__.register(service);
+    }
+  }, [service]);
+
   useEffect(() => {
     if (jsonrpcServer) {
       jsonrpcServer.stop();

src/index.tsx

@@ -1,6 +1,6 @@
+import "./xstate-setup";
 import ReactDOM from "react-dom";
 import React from "react";
-import "./xstate-setup";
 import MyApp from "./containers/MyApp";
 import "./index.css";