Merge pull request #847 from GetStream/messageInput/closeThread-type-fix

type fixes

Author: DanC5

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,7 +139,7 @@ export type MessageInputHookProps<
   getUsers: () => (UserResponse<Us> | undefined)[];
   handleChange: React.ChangeEventHandler<HTMLTextAreaElement>;
   handleEmojiKeyDown: React.KeyboardEventHandler<HTMLSpanElement>;
-  handleSubmit: React.FormEventHandler<HTMLFormElement>;
+  handleSubmit: (event: ReactEventUnion) => void;
   insertText: (textToInsert: string) => void;
   isUploadEnabled: boolean;
   maxFilesLeft: number;
@@ -592,12 +597,7 @@ export const useMessageInput = <
     ];
   }, [imageOrder, imageUploads, fileOrder, fileUploads, attachments]);
 
-  const handleSubmit = (
-    event:
-      | React.FormEvent<HTMLFormElement>
-      | React.MouseEvent<HTMLButtonElement>
-      | React.KeyboardEvent<HTMLInputElement>,
-  ) => {
+  const handleSubmit = (event: ReactEventUnion) => {
     event.preventDefault();
     const trimmedMessage = text.trim();
     const isEmptyMessage =

src/components/Thread/Thread.tsx

@@ -105,7 +105,7 @@ export type ThreadHeaderProps<
   Us extends DefaultUserType<Us> = DefaultUserType
 > = {
   t: TFunction;
-  closeThread?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+  closeThread?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
   thread?: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>;
 };