diff --git a/.changeset/sour-bags-march.md b/.changeset/sour-bags-march.md
new file mode 100644
index 00000000..35102d32
--- /dev/null
+++ b/.changeset/sour-bags-march.md
@@ -0,0 +1,6 @@
+---
+"@codedazur/react-notifications": patch
+"@codedazur/react-media": patch
+---
+
+The provider is now marked as a client component.
diff --git a/packages/react-media/components/MediaProvider.tsx b/packages/react-media/components/MediaProvider.tsx
index 0843a513..14c01a77 100644
--- a/packages/react-media/components/MediaProvider.tsx
+++ b/packages/react-media/components/MediaProvider.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { modulo, shuffle as shuffleArray } from "@codedazur/essentials";
 import {
   MaybeRef,
diff --git a/packages/react-notifications/components/NotificationsProvider.tsx b/packages/react-notifications/components/NotificationsProvider.tsx
index 3452719e..1a50b913 100644
--- a/packages/react-notifications/components/NotificationsProvider.tsx
+++ b/packages/react-notifications/components/NotificationsProvider.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { revalueObject, Timer } from "@codedazur/essentials";
 import {
   FunctionComponent,