diff --git a/data/posts/react18-new-hooks.mdx b/data/posts/react18-new-hooks.mdx
index b011704..958ea68 100644
--- a/data/posts/react18-new-hooks.mdx
+++ b/data/posts/react18-new-hooks.mdx
@@ -4,6 +4,14 @@ date: '2022-10-11'
 tags: [React, TypeScript]
 ---
 
+<Image
+  src="/images/p/react18-new-hooks/react-hooks.jpg"
+  alt=""
+  priority
+  width="811"
+  height="541"
+/>
+
 ## useTransition
 
 返回一个状态值表示过渡任务的等待状态，以及一个启动该过渡任务的函数。它和 CSS 的过渡没有任何关系。useTransition 的主要目的是作用于在复杂的过渡任务时提供一个优先级较低的更新，过渡任务中触发的更新会让更紧急地更新先进行，比如点击。
diff --git a/public/images/p/react18-new-hooks/react-hooks.jpg b/public/images/p/react18-new-hooks/react-hooks.jpg
new file mode 100644
index 0000000..97e084a
Binary files /dev/null and b/public/images/p/react18-new-hooks/react-hooks.jpg differ