Fix ComboBox typings for trigger props

src/components/ComboBox.tsx

@@ -213,6 +213,10 @@ export function ComboBoxRenderFunction<T extends HTMLElement>(
     );
 }
 
-export const ComboBox = forwardRef<HTMLDivElement, ComboBoxProps<HTMLElement>>(ComboBoxRenderFunction);
+type CustomForwardRefResult = <T extends HTMLElement>(
+    props: React.PropsWithoutRef<ComboBoxProps<T>> & React.RefAttributes<HTMLDivElement>,
+) => React.ReactElement;
+
+export const ComboBox = forwardRef(ComboBoxRenderFunction) as CustomForwardRefResult;
 
 export default ComboBox;

src/components/FormMultiInput.tsx

@@ -14,20 +14,20 @@
 import { ComboBox } from './ComboBox';
 
 interface FormMultiInputProps {
     items?: Array<{ title: string; id: any }>;
     id?: string;
     name?: string;
     label?: string;
     query?: string;
     value?: Array<{ title: string; id: any }>;
     disabled?: boolean;
     placeholder?: string;
     error?: React.ComponentProps<typeof ComboBox>['error'];
     className?: string;
 
     onChange?: (value: Array<{ title: string; id: any }>) => void;
     onInput?: (query: string) => void;
     onClick?: (item: { title: string; id: any }) => void;
 }
 
 const StyledFormInputContainer = styled.div`
@@ -55,7 +55,7 @@
     min-width: 100px;
 `;
 
-const StyledComboBox = styled(ComboBox)`
+const StyledComboBox = styled(ComboBox<HTMLButtonElement>)`
     margin-left: ${gapS};
 `;
 
@@ -87,14 +87,14 @@
         }, [inputState, onInput]);
 
         const onValueDelete = useCallback(
             (deleted: { title: string; id: any }) => () => {
                 onChange?.(value.filter((item) => item.id !== deleted.id));
             },
             [onChange, value],
         );
 
         const onValueAdd = useCallback(
             (added: { title: string; id: any }) => {
                 onChange?.([...value, added]);
             },
             [onChange, value],