fix: image upload twice when uploaed via button

Author: velopert

src/containers/write/MarkdownEditorContainer.tsx

@@ -234,10 +234,15 @@ const MarkdownEditorContainer: React.FC<MarkdownEditorContainerProps> = () => {
     ],
   );
 
+  const postIdRef = useRef(postId);
+  useEffect(() => {
+    postIdRef.current = postId;
+  }, [postId]);
+
   const uploadWithPostId = useCallback(
     async (file: File) => {
       if (!file) return;
-      let id = postId;
+      let id = postIdRef.current;
       if (!id) {
         const title = titleRef.current || 'Temp Title';
         const body = bodyRef.current || 'Temp Body';
@@ -270,7 +275,7 @@ const MarkdownEditorContainer: React.FC<MarkdownEditorContainerProps> = () => {
         toast.error('이미지 업로드 실패! 잠시 후 다시 시도하세요.');
       });
     },
-    [postId, cfUpload, writePost, dispatch, history],
+    [cfUpload, writePost, dispatch, history],
   );
 
   const onDragDropUpload = useCallback(

src/lib/hooks/useUpload.tsx

@@ -5,6 +5,7 @@ const useUpload = () => {
   const upload = useCallback(() => {
     const promise = new Promise<File | null>((resolve, reject) => {
       const input = document.createElement('input');
+      input.accept = 'image/*';
 
       const timeout = setTimeout(reject, 1000 * 60 * 3);
       input.type = 'file';