diff --git a/src/components/Collapsible/Collapsible.tsx b/src/components/Collapsible/Collapsible.tsx
index ac28dbc5d..3e963c4ad 100644
--- a/src/components/Collapsible/Collapsible.tsx
+++ b/src/components/Collapsible/Collapsible.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'
 import { clsx } from 'clsx'
 import { AnimatePresence, motion } from 'framer-motion'
diff --git a/src/components/Image/Image.tsx b/src/components/Image/Image.tsx
index c54a962eb..2de00cb42 100644
--- a/src/components/Image/Image.tsx
+++ b/src/components/Image/Image.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { motion } from 'framer-motion'
 import { SyntheticEvent, useState } from 'react'
 
diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
index 1722966e3..eea0a19e0 100644
--- a/src/components/Modal/Modal.tsx
+++ b/src/components/Modal/Modal.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import * as ModalPrimitive from '@radix-ui/react-dialog'
 import { motion, MotionProps } from 'framer-motion'
 import { PropsWithChildren } from 'react'
diff --git a/src/components/Placeholder/Placeholder.tsx b/src/components/Placeholder/Placeholder.tsx
index cc2707987..43cbe7b8d 100644
--- a/src/components/Placeholder/Placeholder.tsx
+++ b/src/components/Placeholder/Placeholder.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { motion } from 'framer-motion'
 
 import { Box, BoxProps } from '../Box'
diff --git a/src/components/ThemeProvider/ThemeProvider.tsx b/src/components/ThemeProvider/ThemeProvider.tsx
index 889f0745d..d8ec7a9e6 100644
--- a/src/components/ThemeProvider/ThemeProvider.tsx
+++ b/src/components/ThemeProvider/ThemeProvider.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { setElementVars } from '@vanilla-extract/dynamic'
 import {
   createContext,
diff --git a/src/components/Toast/Toast.tsx b/src/components/Toast/Toast.tsx
index 68f34aa4f..a83353fe4 100644
--- a/src/components/Toast/Toast.tsx
+++ b/src/components/Toast/Toast.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import * as ToastPrimitive from '@radix-ui/react-toast'
 import { AnimatePresence, motion } from 'framer-motion'
 import {