[Bug]: Customizable Masked TextField - Doesn't work react-hook-form yup validation

[mitrichy20000]

Library

React Northstar / v0 (@fluentui/react-northstar)

System Info

npm i

Are you reporting Accessibility issue?

None

Reproduction

ok

Bug Description

Actual Behavior

fill this out

<Controller name="min" control={control} render={({ field: { onChange, value,ref } }) => ( <MaskedTextField maskFormat={{ "*": /[0-9.,-]/, }} value={value} onChange={onChange} inputRef={ref} className="inputStyle" /> )} />

const { control, handleSubmit, watch, setValue, reset, register, formState: { errors }, } = useForm({ mode: "onBlur", resolver: yupResolver(validationSchema), });

Expected Behavior

I want validation for maskedTextfield using react-hook-form validation

Logs

No response

Requested priority

Blocking

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[layershifter]

@mitrichy20000 can you please provide a repro on CodeSandbox?

[msft-fluent-ui-bot]

This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. Thank you for your contributions to Fluent UI!