diff --git a/src/components/common/CategoryList/CategoryList.tsx b/src/components/common/CategoryList/CategoryList.tsx
index a45f971c..bd767b92 100644
--- a/src/components/common/CategoryList/CategoryList.tsx
+++ b/src/components/common/CategoryList/CategoryList.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import React from 'react'
 import 'swiper/css'
 import 'swiper/css/free-mode'
 import 'swiper/css/pagination'
@@ -66,4 +67,4 @@ const CategoryList = ({
   )
 }
 
-export default CategoryList
+export default React.memo(CategoryList)
diff --git a/src/components/common/CategoryList/CategoryListItem.tsx b/src/components/common/CategoryList/CategoryListItem.tsx
index ddc2d557..d40c7a5a 100644
--- a/src/components/common/CategoryList/CategoryListItem.tsx
+++ b/src/components/common/CategoryList/CategoryListItem.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import React from 'react'
 import { cls } from '@/utils'
 import Link from 'next/link'
 import { usePathname, useSearchParams } from 'next/navigation'
@@ -63,4 +64,4 @@ const CategoryListItem = ({
   )
 }
 
-export default CategoryListItem
+export default React.memo(CategoryListItem)
diff --git a/src/components/common/Comment/Comment.tsx b/src/components/common/Comment/Comment.tsx
index 666b14c3..4b136123 100644
--- a/src/components/common/Comment/Comment.tsx
+++ b/src/components/common/Comment/Comment.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import React from 'react'
 import { useModal } from '@/hooks'
 import { useCurrentUser } from '@/hooks/useCurrentUser'
 import { getElapsedTime } from '@/utils'
@@ -162,4 +163,4 @@ const Comment = ({
   )
 }
 
-export default Comment
+export default React.memo(Comment)
diff --git a/src/components/common/Header/Header.tsx b/src/components/common/Header/Header.tsx
index 62f5607a..9a616411 100644
--- a/src/components/common/Header/Header.tsx
+++ b/src/components/common/Header/Header.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import React from 'react'
 import { useCurrentUser } from '@/hooks/useCurrentUser'
 import { cls } from '@/utils'
 import { LinkIcon } from '@heroicons/react/20/solid'
@@ -80,4 +81,4 @@ const Header = () => {
   )
 }
 
-export default Header
+export default React.memo(Header)
diff --git a/src/components/common/LinkItem/LinkItem.tsx b/src/components/common/LinkItem/LinkItem.tsx
index 4c6d90b3..87aea413 100644
--- a/src/components/common/LinkItem/LinkItem.tsx
+++ b/src/components/common/LinkItem/LinkItem.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import React from 'react'
 import { useForm } from 'react-hook-form'
 import TagInput from '@/components/TagInput/TagInput'
 import { useModal } from '@/hooks'
@@ -396,4 +397,4 @@ const LinkItem = ({
   )
 }
 
-export default LinkItem
+export default React.memo(LinkItem)
diff --git a/src/components/common/Space/Space.tsx b/src/components/common/Space/Space.tsx
index ddae0d5c..2637f1ff 100644
--- a/src/components/common/Space/Space.tsx
+++ b/src/components/common/Space/Space.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import React from 'react'
 import { useModal } from '@/hooks'
 import { useCurrentUser } from '@/hooks/useCurrentUser'
 import {
@@ -168,4 +169,4 @@ const Space = ({
   )
 }
 
-export default Space
+export default React.memo(Space)