f-form-builder: The custom async validator on options doesnt set error message correctly on the first validation call

[gammaSpeck]

Bug description

When using a custom async validator, the validation error message is not picked up correctly on the first call. Future subsequent calls it picks it up correctly.

Reproduction steps

Use the same data as provided here #160

Screen.Recording.2023-10-13.at.7.29.53.PM.mov

Expected behaviour

The error message must also be shown on the first validation call

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

[vikas-cldcvr]

@gammaSpeck This issue is not re-producible, Is it possible to create sandbox? I feel it is mostly reactivity issue.

[vikas-cldcvr]

When we have a combination of an async validator and a dynamic message, we must use a callback function for the message, as shown in the following example.

{ name: "custom", validate: customDatasetValidator, message: () => datasetValidity.msg }