diff --git a/src/app/oia/page-component.tsx b/src/app/oia/page-component.tsx
index 193e20e7..51d38350 100644
--- a/src/app/oia/page-component.tsx
+++ b/src/app/oia/page-component.tsx
@@ -5,7 +5,7 @@ import { useCallback, useEffect } from "react"
 import { Image } from "~/components/ui/Image"
 import { useTranslation } from "~/lib/i18n/client"
 
-async function OIAPage() {
+function OIAPage() {
   const { t } = useTranslation("site")
 
   useEffect(() => {
diff --git a/src/components/common/ReactionShare.tsx b/src/components/common/ReactionShare.tsx
index 7dfe69cb..5408b39a 100644
--- a/src/components/common/ReactionShare.tsx
+++ b/src/components/common/ReactionShare.tsx
@@ -1,4 +1,5 @@
 import dynamic from "next/dynamic"
+import Image from "next/image"
 import { FC } from "react"
 import { toast } from "react-hot-toast"
 
@@ -24,7 +25,14 @@ interface ShareData {
 const shareList = [
   {
     name: "Twitter",
-    icon: <img src="/assets/social/twitter.svg" alt="twitter" />,
+    icon: (
+      <Image
+        width={16}
+        height={16}
+        src="/assets/social/twitter.svg"
+        alt="twitter"
+      />
+    ),
     onClick: (data: ShareData) => {
       window.open(
         `https://twitter.com/intent/tweet?url=${data.url}&text=${data.text}&via=XLog`,
@@ -33,7 +41,14 @@ const shareList = [
   },
   {
     name: "Telegram",
-    icon: <img src="/assets/social/telegram.svg" alt="telegram" />,
+    icon: (
+      <Image
+        width={16}
+        height={16}
+        src="/assets/social/telegram.svg"
+        alt="telegram"
+      />
+    ),
     onClick: (data: ShareData) => {
       window.open(
         `https://telegram.me/share/url?url=${data.url}&text=${data.text}`,