diff --git a/src/components/common/Avatar.tsx b/src/components/common/Avatar.tsx
index 90d63647..74c3d7ae 100644
--- a/src/components/common/Avatar.tsx
+++ b/src/components/common/Avatar.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { useMemo } from 'react';
 import { createAvatar } from '@dicebear/core';
 import { lorelei } from '@dicebear/collection';