From f6ca428a40ffa1c80f572838a4ea3ba884c2e16c Mon Sep 17 00:00:00 2001
From: kahirokunn <okinakahiro@gmail.com>
Date: Wed, 23 Jul 2025 14:45:47 +0900
Subject: [PATCH] fix typo

Signed-off-by: kahirokunn <okinakahiro@gmail.com>
---
 app/components/artifacts.tsx | 6 +++---
 app/components/markdown.tsx  | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/artifacts.tsx b/app/components/artifacts.tsx
index ce187fbcb..7546260d9 100644
--- a/app/components/artifacts.tsx
+++ b/app/components/artifacts.tsx
@@ -29,11 +29,11 @@ type HTMLPreviewProps = {
   onLoad?: (title?: string) => void;
 };
 
-export type HTMLPreviewHander = {
+export type HTMLPreviewHandler = {
   reload: () => void;
 };
 
-export const HTMLPreview = forwardRef<HTMLPreviewHander, HTMLPreviewProps>(
+export const HTMLPreview = forwardRef<HTMLPreviewHandler, HTMLPreviewProps>(
   function HTMLPreview(props, ref) {
     const iframeRef = useRef<HTMLIFrameElement>(null);
     const [frameId, setFrameId] = useState<string>(nanoid());
@@ -207,7 +207,7 @@ export function Artifacts() {
   const [code, setCode] = useState("");
   const [loading, setLoading] = useState(true);
   const [fileName, setFileName] = useState("");
-  const previewRef = useRef<HTMLPreviewHander>(null);
+  const previewRef = useRef<HTMLPreviewHandler>(null);
 
   useEffect(() => {
     if (id) {
diff --git a/app/components/markdown.tsx b/app/components/markdown.tsx
index ba85f0970..97a4f4e7a 100644
--- a/app/components/markdown.tsx
+++ b/app/components/markdown.tsx
@@ -17,7 +17,7 @@ import { showImageModal, FullScreen } from "./ui-lib";
 import {
   ArtifactsShareButton,
   HTMLPreview,
-  HTMLPreviewHander,
+  HTMLPreviewHandler,
 } from "./artifacts";
 import { useChatStore } from "../store";
 import { IconButton } from "./button";
@@ -73,7 +73,7 @@ export function Mermaid(props: { code: string }) {
 
 export function PreCode(props: { children: any }) {
   const ref = useRef<HTMLPreElement>(null);
-  const previewRef = useRef<HTMLPreviewHander>(null);
+  const previewRef = useRef<HTMLPreviewHandler>(null);
   const [mermaidCode, setMermaidCode] = useState("");
   const [htmlCode, setHtmlCode] = useState("");
   const { height } = useWindowSize();