No overload matches this call.
Overload 1 of 2, ‘(props: Props): ReactInputMask’, gave the following error.
Type ‘(inputProps: Props) => JSX.Element’ is not assignable to type ‘ReactI18NextChildren | Iterable’.
Overload 2 of 2, ‘(props: Props, context: any): ReactInputMask’, gave the following error.
Type ‘(inputProps: Props) => JSX.Element’ is not assignable to type ‘ReactI18NextChildren | Iterable’.ts(2769)
there is no exported type for ReactI18NextChildren. It seems like coming from i18 library but why there is no connection between them.
<code><Controller
name="cardNumber"
control={control}
render={({ field }) => (
<InputMask mask="9999 9999 9999 9999" {...field}>
{(inputProps: Props) =>
<TextField
{...inputProps}
variant="standard"
fullWidth
/>
}
</InputMask>
)}
/>
</code>
<code><Controller
name="cardNumber"
control={control}
render={({ field }) => (
<InputMask mask="9999 9999 9999 9999" {...field}>
{(inputProps: Props) =>
<TextField
{...inputProps}
variant="standard"
fullWidth
/>
}
</InputMask>
)}
/>
</code>
<Controller
name="cardNumber"
control={control}
render={({ field }) => (
<InputMask mask="9999 9999 9999 9999" {...field}>
{(inputProps: Props) =>
<TextField
{...inputProps}
variant="standard"
fullWidth
/>
}
</InputMask>
)}
/>