Feil: Feil i typing ved bruk av registerWithMasks

[daa1]

Får klaging fra TypeScript når jeg bruker registerWithMasks og videre registerWithFodselsnummerMask.

Steg for å gjenskape

Dette fungerer stort fint ved helt vanlig bruk av react hook form. Problemet oppstår når vi bruker useFieldArray og har en type som ut noe som dette:

export type IdentifiseringFormValues = {
    vals: Array<{
        fodselsnummer: string;
        firstName: string;
        lastName: string;
    }>;
};

Textinput ser slik ut:

<TextInput
                label="Fødselsnummer (11 siffer)"
                className="jkl-spacing-16--bottom"
                maxLength={12}
                inputMode="numeric"
                {...registerWithFodselsnummerMask(`vals.${index}.fodselsnummer`, {
                    required: true,
                    maxLength: 11,
                    minLength: 11,
                    validate: {
                        isOlderThanAgeLimit: (v) =>
                            isOlderThanNumberOfMonths(
                                getBirthDateFromSsn(v as string),
                                minStartAgeInMonths
                            ),
                        isYoungerThanAgeLimit: (v) =>
                            isYoungerThanNumberOfMonths(
                                getBirthDateFromSsn(v as string),
                                maxStartAgeInMonths
                            ),
                        isValidFodselsnummer: (v) => isValidFodselsnummer(v as string),
                        isUniqueSsn: (v) => isUniqueSsn(v as string, allSsn),
                    },
                    deps,
                })}

Så får vi følgende feil:

Forventet oppførsel

Forventer at typingen til wrapperen skal bli korrekt.

Med litt fikling lokalt i registerWithMask.d.ts filen og endre dette så slutter TypeScript å klage:

Gammel linje:
registerWithFodselsnummerMask: (name: Path, options?: RegisterWithMaskOptions | undefined) => UseFormRegisterReturn;

Modifisert linje:
registerWithFodselsnummerMask: UseFormRegister;