fix(cdk:popper): vue warning when watch on non-reactive options (#1197)

IDuxFE · Oct 13, 2022 · 123e62f · 123e62f
1 parent 1406d27
commit 123e62f
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/cdk/popper/src/composables/useOptions.ts b/packages/cdk/popper/src/composables/useOptions.ts
@@ -7,7 +7,7 @@
 
 import type { PopperOptions } from '../types'
 
-import { type ComputedRef, computed, reactive, watch } from 'vue'
+import { type ComputedRef, computed, isReactive, reactive, watch } from 'vue'
 
 import { isEqual } from 'lodash-es'
 
@@ -39,9 +39,11 @@ export function usePopperOptions(options: PopperOptions): {
     })
   }
 
-  watch(options, _options => {
-    updateOptions(_options)
-  })
+  if (isReactive(options)) {
+    watch(options, _options => {
+      updateOptions(_options)
+    })
+  }
 
   return {
     popperOptions,