diff --git a/src/components/atoms/Avatar.tsx b/src/components/atoms/Avatar.tsx
index df1e895..7d5d0d1 100644
--- a/src/components/atoms/Avatar.tsx
+++ b/src/components/atoms/Avatar.tsx
@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import Image from 'next/image';
 
diff --git a/src/components/atoms/Input.tsx b/src/components/atoms/Input.tsx
index f79915d..80e2ba3 100644
--- a/src/components/atoms/Input.tsx
+++ b/src/components/atoms/Input.tsx
@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 
 interface InputProps {
diff --git a/src/components/atoms/Select.tsx b/src/components/atoms/Select.tsx
index 893963a..b7746b6 100644
--- a/src/components/atoms/Select.tsx
+++ b/src/components/atoms/Select.tsx
@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 
 interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
diff --git a/src/components/containers/ChatContainer.tsx b/src/components/containers/ChatContainer.tsx
index e69de29..ef4af0a 100644
--- a/src/components/containers/ChatContainer.tsx
+++ b/src/components/containers/ChatContainer.tsx
@@ -0,0 +1 @@
+'use client';
diff --git a/src/components/containers/DashboardContainer.tsx b/src/components/containers/DashboardContainer.tsx
index e69de29..ef4af0a 100644
--- a/src/components/containers/DashboardContainer.tsx
+++ b/src/components/containers/DashboardContainer.tsx
@@ -0,0 +1 @@
+'use client';
diff --git a/src/components/containers/UserProfileContainer.tsx b/src/components/containers/UserProfileContainer.tsx
index 41b3392..547d386 100644
--- a/src/components/containers/UserProfileContainer.tsx
+++ b/src/components/containers/UserProfileContainer.tsx
@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { Spinner } from '@/components/atoms/Spinner';
 import { UserProfileLayout } from '@/components/organisms/UserProfileLayout';
diff --git a/src/components/molecules/UserCard.tsx b/src/components/molecules/UserCard.tsx
index 40f1aa7..344e8ac 100644
--- a/src/components/molecules/UserCard.tsx
+++ b/src/components/molecules/UserCard.tsx
@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { Timestamp } from 'firebase/firestore';
 import { Avatar } from '@/components/atoms/Avatar';
diff --git a/src/components/organisms/AuthLayout.tsx b/src/components/organisms/AuthLayout.tsx
index fcd7543..62efb59 100644
--- a/src/components/organisms/AuthLayout.tsx
+++ b/src/components/organisms/AuthLayout.tsx
@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { AuthContainer } from '@/components/containers/AuthContainer';
 
diff --git a/src/components/organisms/ChatLayout.tsx b/src/components/organisms/ChatLayout.tsx
index e69de29..54bc7bc 100644
--- a/src/components/organisms/ChatLayout.tsx
+++ b/src/components/organisms/ChatLayout.tsx
@@ -0,0 +1,2 @@
+'use client';
+import React, { useState } from 'react';
diff --git a/src/components/organisms/DashboardLayout.tsx b/src/components/organisms/DashboardLayout.tsx
index e69de29..ef4af0a 100644
--- a/src/components/organisms/DashboardLayout.tsx
+++ b/src/components/organisms/DashboardLayout.tsx
@@ -0,0 +1 @@
+'use client';
diff --git a/src/components/organisms/UserProfileLayout.tsx b/src/components/organisms/UserProfileLayout.tsx
index 3c7dcff..a1a04a1 100644
--- a/src/components/organisms/UserProfileLayout.tsx
+++ b/src/components/organisms/UserProfileLayout.tsx
@@ -1,3 +1,4 @@
+'use client';
 import React, { useState } from 'react';
 import { Button } from '@/components/atoms/Button';
 import { Input } from '@/components/atoms/Input';