Hey, thanks for your PR, can you give me a config I can test this with please?

Hi,

Apologies for the delayed response. I've created a Git repository demonstrating a custom phone number input block within a form builder. This allows rendering a phone input field on the frontend. I've also implemented error handling to display the appropriate message ("Invalid phone number") when necessary. This is achieved by passing the input's "name" attribute to the component, which then retrieves the corresponding error from the formState.

It's important to note that the current implementation of custom inputs in the form builder is a temporary workaround. This is not a part of the pr. The approach used is illustrated in this screenshot: image

To see the changes in action, please follow these steps:

1. Clone and run the repository: https://github.com/Tajmirul/payload-form-builder
2. Create a new form and add the "Phone Field" block.
3. Create a new page.
4. Add a "Form Block" to the page and select the form you just created.
5. Save the page and visit it.
6. Enter an invalid phone number and click the submit button.

You should now see the error message "Invalid phone number," which is the desired behavior. Previously, the error message was a generic "This field is required."