makes adjusted types a union

Author: yetieaterxb1

src/components/MessageInput/hooks/messageInput.ts

@@ -124,6 +124,11 @@ export type MessageInputReducerAction<Us extends DefaultUserType<Us> = DefaultUs
   | ReduceNumberOfUploadsAction
   | AddMentionedUserAction<Us>;
 
+export type ReactEventUnion =
+  | React.FormEvent<HTMLFormElement>
+  | React.KeyboardEvent<HTMLInputElement>
+  | React.MouseEvent<HTMLButtonElement>;
+
 export type MessageInputHookProps<
   Co extends DefaultCommandType = DefaultCommandType,
   Us extends DefaultUserType<Us> = DefaultUserType
@@ -134,12 +139,7 @@ export type MessageInputHookProps<
   getUsers: () => (UserResponse<Us> | undefined)[];
   handleChange: React.ChangeEventHandler<HTMLTextAreaElement>;
   handleEmojiKeyDown: React.KeyboardEventHandler<HTMLSpanElement>;
-  handleSubmit: (
-    event:
-      | React.FormEvent<HTMLFormElement>
-      | React.KeyboardEvent<HTMLInputElement>
-      | React.MouseEvent<HTMLButtonElement>,
-  ) => void;
+  handleSubmit: (event: ReactEventUnion) => void;
   insertText: (textToInsert: string) => void;
   isUploadEnabled: boolean;
   maxFilesLeft: number;
@@ -597,12 +597,7 @@ export const useMessageInput = <
     ];
   }, [imageOrder, imageUploads, fileOrder, fileUploads, attachments]);
 
-  const handleSubmit = (
-    event:
-      | React.FormEvent<HTMLFormElement>
-      | React.KeyboardEvent<HTMLInputElement>
-      | React.MouseEvent<HTMLButtonElement>,
-  ) => {
+  const handleSubmit = (event: ReactEventUnion) => {
     event.preventDefault();
     const trimmedMessage = text.trim();
     const isEmptyMessage =