fix xstate dependency version

package.json

@@ -22,7 +22,7 @@
         "cli:release": "cd cli && yarn install --frozen-lockfile && yarn release"
     },
     "dependencies": {
-        "@xstate/react": "^4.0.1",
+        "@xstate/react": "^3.0.1",
         "nanoid": "^5.0.1",
         "nanoid-dictionary": "^4.3.0",
         "peerjs": "^1.4.7",

web/hooks/use-drop.tsx

@@ -1,6 +1,6 @@
 import type { DropContext } from '@shared/types/drop';
 import { useMemo, useRef } from 'react';
-import { useMachine } from '@xstate/react/lib/useMachine';
+import { useMachine } from '@xstate/react';
 import { dropMachine, initDropContext } from '@shared/lib/machines/drop';
 import { DropState, MessageType } from '@shared/lib/constants';
 import { generateGrabUrl } from 'lib/util';

web/hooks/use-grab.tsx

@@ -1,5 +1,5 @@
 import { grabMachine, initGrabContext } from '@shared/lib/machines/grab';
-import { useMachine } from '@xstate/react/lib/useMachine';
+import { useMachine } from '@xstate/react';
 import type { GrabContext } from '@shared/types/grab';
 import { GrabState, MessageType } from '@shared/lib/constants';
 import { useMemo, useRef } from 'react';

yarn.lock

@@ -2487,10 +2487,10 @@
   dependencies:
     "@vercel/edge-config-fs" "0.1.0"
 
-"@xstate/react@^4.0.1":
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/@xstate/react/-/react-4.0.1.tgz#a5cec511e23e44ac5dd64852a1497efb6434c3f0"
-  integrity sha512-UB9qUC11wcaYd05wGea0mvEA3uTHikNaB4InMZfxD7MVFxzBFU+3JFkemjiN8bDdPJfDrObyP9ZPDVojq2LytA==
+"@xstate/react@^3.0.1":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@xstate/react/-/react-3.2.2.tgz#ddf0f9d75e2c19375b1e1b7335e72cb99762aed8"
+  integrity sha512-feghXWLedyq8JeL13yda3XnHPZKwYDN5HPBLykpLeuNpr9178tQd2/3d0NrH6gSd0sG5mLuLeuD+ck830fgzLQ==
   dependencies:
     use-isomorphic-layout-effect "^1.1.2"
     use-sync-external-store "^1.0.0"