diff --git a/packages/alpinejs/src/index.js b/packages/alpinejs/src/index.js
index b0ea55085..55e5c7a79 100644
--- a/packages/alpinejs/src/index.js
+++ b/packages/alpinejs/src/index.js
@@ -36,7 +36,7 @@ Alpine.setEvaluator(normalEvaluator)
  * Alpine that triggers an element with x-text="message"
  * to update its inner text when "message" is changed.
  */
-import { reactive, effect, stop, toRaw } from '@vue/reactivity'
+import { reactive, effect, stop, toRaw } from '@vue/reactivity/dist/reactivity.esm-browser'
 
 Alpine.setReactivityEngine({ reactive, effect, release: stop, raw: toRaw })
 
diff --git a/packages/csp/src/index.js b/packages/csp/src/index.js
index 9b5b26c63..f37b237f4 100644
--- a/packages/csp/src/index.js
+++ b/packages/csp/src/index.js
@@ -2,7 +2,7 @@ import Alpine from 'alpinejs/src/alpine'
 
 Alpine.setEvaluator(cspCompliantEvaluator)
 
-import { reactive, effect, stop, toRaw } from '@vue/reactivity'
+import { reactive, effect, stop, toRaw } from '@vue/reactivity/dist/reactivity.esm-browser'
 Alpine.setReactivityEngine({ reactive, effect, release: stop, raw: toRaw })
 
 import 'alpinejs/src/magics/index'