fix: Correct types for customInput property

Author: sergey.platonov

src/number_format_base.tsx

@@ -412,15 +412,17 @@ export default function NumberFormatBase<BaseType = InputAttributes>(
   // add input mode on element based on format prop and device once the component is mounted
   const inputMode: InputAttributes['inputMode'] = mounted && addInputMode() ? 'numeric' : undefined;
 
-  const inputProps = Object.assign({ inputMode }, otherProps, {
+  const inputProps: InputAttributes = {
+    inputMode,
+    ...otherProps,
     type,
     value: formattedValue,
     onChange: _onChange,
     onKeyDown: _onKeyDown,
     onMouseUp: _onMouseUp,
     onFocus: _onFocus,
     onBlur: _onBlur,
-  });
+  };
 
   if (displayType === 'text') {
     return renderText ? (
@@ -432,7 +434,6 @@ export default function NumberFormatBase<BaseType = InputAttributes>(
     );
   } else if (customInput) {
     const CustomInput = customInput;
-    /* @ts-ignore */
     return <CustomInput {...inputProps} ref={getInputRef} />;
   }
 

src/types.ts

@@ -52,7 +52,7 @@ export type InputAttributes = Omit<
 type NumberFormatProps<Props, BaseType = InputAttributes> = Props &
   Omit<InputAttributes, keyof BaseType> &
   Omit<BaseType, keyof Props | 'ref'> & {
-    customInput?: React.ComponentType<BaseType>;
+    customInput?: React.ComponentType<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
   };
 
 export type OnValueChange = (values: NumberFormatValues, sourceInfo: SourceInfo) => void;