How can I use my existing component?

[volnei]

interface InputProps
  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'size'> {}

const InputComponent = (
  { type = 'text', ...props }: InputProps,
  ref: Ref<HTMLInputElement>,
) => {
  return (
    <input
      ref={ref}
      type={type}
      {...props}
      className="block w-full rounded-md border-0 p-2 py-1 outline-orange-200 leading-7 shadow-sm placeholder:text-stone-300"
    />
  )
}

I've tried

const InputMask = IMaskMixin(({ inputRef, ...props }) => (
  <InputComponent
    {...props}
    ref={inputRef} // error
  />
))

but I got an error on ref attribute

Type '{ ref: Ref<InputMaskElement>; type?: string | undefined; className?: string | undefined; size?: number | undefined; accept?: string | undefined; alt?: string | undefined; ... 358 more ...; key?: Key | ... 1 more ... | undefined; }' is not assignable to type 'IntrinsicAttributes & InputProps'.
  Property 'ref' does not exist on type 'IntrinsicAttributes & InputProps'.