Wrong Typescript types for IMaskMixin

[LKay]

Describe the bug

Types for IMaskMixin are not correct and don't unwrap inner component's props correctly. The example uses bare bone Styled Component, that passes outer ref.

This migt be related to #996 or #1002

To Reproduce

interface InputCustomProps {
  size?: 'big' | 'small';
}

const InputCustomStyled = styled.input<InputCustomProps>`
  color: blue;
`;

const InputCustom = React.forwardRef(function InputCustom(
  props: InputCustomProps,
  ref: React.ForwardedRef<HTMLInputElement>,
) {
  return <InputCustomStyled {...props} ref={ref} />;
});

const InputCustomExtendedStyled = styled(InputCustom)`
  color: red;
`;

const InputCustomMaskedStyled = IMaskMixin(
  ({ inputRef, ...props }) => <InputCustomExtendedStyled {...props} ref={inputRef} />,
);

There are types errors due to conflicting types and uncorrect unwrap.

Looks IMaskMixin injects conflicting props to inner component ie. size. Props on outer component do not expose props from inner component.

Expected behavior

Types are unwrapped and used correctly. Any custom prop types should be either prioritized or merged together with output union type.

Environment:

• IMask version: 7.5.0
• Framework/plugin version if used: React 7.5.0