diff --git a/.changeset/tender-rings-melt.md b/.changeset/tender-rings-melt.md
new file mode 100644
index 0000000000..5c1158eac3
--- /dev/null
+++ b/.changeset/tender-rings-melt.md
@@ -0,0 +1,5 @@
+---
+"@medusajs/ui": patch
+---
+
+fix(ui): add missing use client directives
diff --git a/packages/design-system/ui/src/components/alert/alert.tsx b/packages/design-system/ui/src/components/alert/alert.tsx
index 9b6a270205..d7c4dda362 100644
--- a/packages/design-system/ui/src/components/alert/alert.tsx
+++ b/packages/design-system/ui/src/components/alert/alert.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import { clx } from "@/utils/clx"
 import {
   CheckCircleSolid,
diff --git a/packages/design-system/ui/src/components/calender/calendar.tsx b/packages/design-system/ui/src/components/calender/calendar.tsx
index a727a09751..bd5ccd7200 100644
--- a/packages/design-system/ui/src/components/calender/calendar.tsx
+++ b/packages/design-system/ui/src/components/calender/calendar.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import {
   CalendarDate,
   createCalendar,