bring back use-sync-external-store shim

pacocoursey · Nov 1, 2024 · c5470e3 · c5470e3
1 parent 5b4f24d
commit c5470e3
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/cmdk/package.json b/cmdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cmdk",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -28,7 +28,8 @@
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-id": "^1.1.0",
-    "@radix-ui/react-primitive": "^2.0.0"
+    "@radix-ui/react-primitive": "^2.0.0",
+    "use-sync-external-store": "^1.2.2"
   },
   "devDependencies": {
     "@types/react": "18.0.15"

diff --git a/cmdk/src/index.tsx b/cmdk/src/index.tsx
@@ -5,6 +5,7 @@ import * as React from 'react'
 import { commandScore } from './command-score'
 import { Primitive } from '@radix-ui/react-primitive'
 import { useId } from '@radix-ui/react-id'
+import { useSyncExternalStore } from 'use-sync-external-store/shim'
 
 type Children = { children?: React.ReactNode }
 type DivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>
@@ -1017,7 +1018,7 @@ function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.Legacy
 function useCmdk<T = any>(selector: (state: State) => T) {
   const store = useStore()
   const cb = () => selector(store.snapshot())
-  return React.useSyncExternalStore(store.subscribe, cb, cb)
+  return useSyncExternalStore(store.subscribe, cb, cb)
 }
 
 function useValue(

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml