Customization Problem

[ozbeyahmet1]

I copied the uniforms-antd library for customize but I am getting these errors.My typescript version is 4.9.4,uniforms-version is 3.10.2

ERROR in src/pages/custom/src/TextField.tsx:10:20
TS2749: 'Input' refers to a value, but is being used as a type here. Did you mean 'typeof Input'?
     8 |   string,
     9 |   Omit<InputProps, 'onReset'>,
  > 10 |   { inputRef?: Ref<Input> }
       |                    ^^^^^
    11 | >;
    12 |
    13 | function Text(props: TextFieldProps) {

    ERROR in src/pages/custom/src/NumField.tsx:29:7
TS2322: Type 'Ref<(<T extends ValueType = ValueType>(props: InputNumberProps<T> & { children?: ReactNode; } & { ref?: Ref<HTMLInputElement> | undefined; }) => ReactElement<...>) & { ...; }> | undefined' is not assignable to type 'Ref<HTMLInputElement> | undefined'.
  Type '(instance: ((<T extends ValueType = ValueType>(props: InputNumberProps<T> & { children?: ReactNode; } & { ref?: Ref<HTMLInputElement> | undefined; }) => ReactElement<...>) & { ...; }) | null) => void' is not assignable to type 'Ref<HTMLInputElement> | undefined'.
    Type '(instance: ((<T extends ValueType = ValueType>(props: InputNumberProps<T> & { children?: ReactNode; } & { ref?: Ref<HTMLInputElement> | undefined; }) => ReactElement<...>) & { ...; }) | null) => void' is not assignable to type '(instance: HTMLInputElement | null) => void'.
      Types of parameters 'instance' and 'instance' are incompatible.
        Type 'HTMLInputElement | null' is not assignable to type '((<T extends ValueType = ValueType>(props: InputNumberProps<T> & { children?: ReactNode; } & { ref?: Ref<HTMLInputElement> | undefined; }) => ReactElement<...>) & { ...; }) | null'.
          Type 'HTMLInputElement' is not assignable to type '(<T extends ValueType = ValueType>(props: InputNumberProps<T> & { children?: ReactNode; } & { ref?: Ref<HTMLInputElement> | undefined; }) => ReactElement<...>) & { ...; }'.
            Type 'HTMLInputElement' is not assignable to type '<T extends ValueType = ValueType>(props: InputNumberProps<T> & { children?: ReactNode; } & { ref?: Ref<HTMLInputElement> | undefined; }) => ReactElement<...>'.
              Type 'HTMLInputElement' provides no match for the signature '<T extends ValueType = ValueType>(props: InputNumberProps<T> & { children?: ReactNode; } & { ref?: Ref<HTMLInputElement> | undefined; }): ReactElement<...>'.
    27 |       placeholder={props.placeholder}
    28 |       readOnly={props.readOnly}
  > 29 |       ref={props.inputRef}
       |       ^^^
    30 |       step={props.step || (props.decimal ? 0.01 : 1)}
    31 |       style={{ width: '100%' }}
    32 |       value={props.value}

ERROR in src/pages/custom/src/TextField.tsx:10:20
TS2749: 'Input' refers to a value, but is being used as a type here. Did you mean 'typeof Input'?
     8 |   string,
     9 |   Omit<InputProps, 'onReset'>,
  > 10 |   { inputRef?: Ref<Input> }
       |                    ^^^^^
    11 | >;
    12 |
    13 | function Text(props: TextFieldProps) {

[radekmie]

Hi @ozbeyahmet1. The uniforms-antd theme in our repo bases on AntD version 4 (4.10.3, to be precise), and the Input is a class there, i.e., it can be used both as a value and as a type. What AntD version are you using?

[ozbeyahmet1]

4.24.7

[radekmie]

It looks like it got changed in 4.19.0: changelog, code in 4.18.9, code in 4.19.0. In this case, we'd need to update our minimum supported version and release it.

If you'd want, feel free to file a PR.

[radekmie]

@ozbeyahmet1 Please review #1233.