fix : KeyUp Event

Author: flamecommit

package/src/components/UI/Alert.tsx

@@ -23,7 +23,9 @@ const Alert = ({ message, onClose }: IProps) => {
   }, [onClose]);
 
   useEffect(() => {
-    okRef.current?.focus();
+    setTimeout(() => {
+      okRef.current?.focus();
+    });
   }, []);
 
   return (

package/src/components/UI/Confirm.tsx

@@ -25,7 +25,9 @@ const Confirm = ({ message, onClickOK, onClickCancel }: IProps) => {
   }, [onClickCancel]);
 
   useEffect(() => {
-    okRef.current?.focus();
+    setTimeout(() => {
+      okRef.current?.focus();
+    });
   }, []);
 
   return (

package/src/components/UI/Prompt.tsx

@@ -34,7 +34,9 @@ const Prompt = ({ message, _default, onClickOK, onClickCancel }: IProps) => {
   };
 
   useEffect(() => {
-    inputRef.current?.focus();
+    setTimeout(() => {
+      inputRef.current?.focus();
+    });
   }, []);
 
   return (

package/src/components/UI/Wrapper.tsx

@@ -7,13 +7,8 @@ interface IProps {
 }
 
 const DialogWrapper = ({ children }: IProps) => {
-  const stopPropagation = (e: React.KeyboardEvent<HTMLDivElement>) => {
-    console.log('stopPropagation');
-    e.stopPropagation();
-  };
-
   return (
-    <div className="react-dialog__wrapper" onKeyUpCapture={stopPropagation}>
+    <div className="react-dialog__wrapper">
       <div className="react-dialog__dialog">{children}</div>
     </div>
   );

package/src/components/dialog/AlertDialog.tsx

@@ -20,7 +20,6 @@ function AlertDialog({ children }: IProps) {
       setState({
         message: message !== undefined ? `${message}` : '',
         onClose: () => {
-          console.log('onClick');
           setState(undefined);
           resolve(undefined);
         },