diff --git a/components/image-annotator.tsx b/components/image-annotator.tsx
index d3dc22282..ae138c5dc 100644
--- a/components/image-annotator.tsx
+++ b/components/image-annotator.tsx
@@ -108,6 +108,9 @@ export function ImageAnnotator({
   const [mounted, setMounted] = useState(false);
   
   const fileInputRef = useRef<HTMLInputElement>(null);
+  const toCanvasLoadUrl = useCallback((url: string) => {
+    return buildImageProxyUrl(url);
+  }, []);
 
   // Handle open change
   const handleOpenChange = (newOpen: boolean) => {
@@ -1986,6 +1989,3 @@ export function ImageAnnotator({
     </Dialog>
   );
 }
-  const toCanvasLoadUrl = useCallback((url: string) => {
-    return buildImageProxyUrl(url);
-  }, []);