diff --git a/app/component/loading/Multiline.js b/app/component/loading/Multiline.js
index 177b223..559f6d7 100644
--- a/app/component/loading/Multiline.js
+++ b/app/component/loading/Multiline.js
@@ -3,15 +3,16 @@ import { Skeleton } from "@mui/material";
 function MultilineLoading({ loading, width, height, children, line }) {
   return loading
     ? Array(line)
-        .fill({})
-        .map((_) => (
-          <Skeleton
-            className={`${width === "full" ? "!w-full" : ""} !my-2`}
-            variant="rounded"
-            height={height}
-            width={width}
-          />
-        ))
+      .fill({})
+      .map((_, idx) => (
+        <Skeleton
+          className={`${width === "full" ? "!w-full" : ""} !my-2`}
+          variant="rounded"
+          height={height}
+          width={width}
+          key={idx}
+        />
+      ))
     : children;
 }
 
diff --git a/components/blog/detail/SocialMedia.js b/components/blog/detail/SocialMedia.js
index 674f73a..f45c231 100644
--- a/components/blog/detail/SocialMedia.js
+++ b/components/blog/detail/SocialMedia.js
@@ -9,9 +9,8 @@ function SocialMedia({ loading }) {
   return (
     <ul className="flex mt-0 sm:mt-[3px] md:mt-[6px] lg:mt-[8px] pb-[16px] sm:pb-[21px] md:pb-[27px] lg:pb-[32px] relative items-center justify-end gap-4">
       {socials.map((item, idx) => (
-        <CircularLoading width={36} height={36} loading={loading}>
+        <CircularLoading width={36} key={idx} height={36} loading={loading}>
           <li
-            key={idx}
             className="bg-[#EFEFEF] rounded-full hover-rotate-icon p-[9px]"
           >
             {item}
diff --git a/components/layout/header/list/Row.js b/components/layout/header/list/Row.js
index 7a41f43..206d92a 100644
--- a/components/layout/header/list/Row.js
+++ b/components/layout/header/list/Row.js
@@ -1,5 +1,4 @@
 import { listNav } from "@/constans";
-import { isActiveURL } from "@/helper";
 import Link from "next/link";
 
 function Row({ name }) {