formapi | Isomorphic javascript form api | Server Side Rendering library

I'm using Material UI version 4 (the latest), and the Informed form library. I have a custom component (custom to integrate with Informed) that wraps the Material UI TextField which I'm rendering using the Autocomplete component.

App component

My logic app is triggered by MS Forms submission. I wanted to parameterized the URL of the form, because it will differ on various stages (dev, prod).

Here's what I have in the workflow definition:

Once a form's fields have been validated, submitting doesn't trigger a rerun of the validation. Is there a way I can trigger a rerun of the validation when the form is submitted?

I have a form field whose value can become invalid if it's not submitted within a particular timeframe. It's not async; I'm just trying to cover a scenario in which the user doesn't click submit for a while, and when they eventually do, the value would have become invalid. Final form remembers the result of the validation that happens immediately after the value is changed, which means that the unchanged value remains valid regardless of how much time passes between the validation and the submission. This is the behavior I want to hook into and change; the intervening time matters in my use case. I have tried using the beforeSubmit listener from the final-form-submit-listener package but it only gives access to the FormApi object. I tried using the pauseValidation and resumeValidation functions from FormApi but they couldn't achieve what I want, or maybe I'm not using them correctly. I have a feeling it's painfully obvious how to do this, but I can't figure it out.

I created this Sandbox to demonstrate what I mean.

Thanks!

UPDATE: Some additional information:

• This is for a time picker. If you're picking times for today, you may pick a time that is 15 minutes from now. It's valid now because it's currently in the future. If you don't touch the form for the next 20 minutes then click submit, the submission should be prevented because your selected time is now 5 minutes in the past.
• I have considered just adding the validation directly in the submit handler. Two answers here do this. However, it is not ideal for me because Final Form doesn't receive the errors and pass them to the meta object for the form fields. My codebase is complex and relies heavily upon the meta object to display error messages. Trying to replicate that functionality in the submit handler may work but it's hacky and goes against the convention used throughout the codebase.

This might be a bug, but I wanted to post here before I open a GitHub issue to see if the community at large has advice, or if someone can just call me out for doing it wrong.

I want to blur any focused field onSubmit. Simple.

According to the docs, the onSubmit function is passed (values, form) as arguments, and the form api includes ways to get all registered fields, and a method for supposedly bluring any field. Here's the code:

I've stuck with the simple test case and cannot find out the cause it doesn't work. There is the component which I would like to test:

In my android app, I tried to send a POST request to Google Forms, but an error 400 is returned:

I want to create a react final form in a react-typescript environment. I get an error that I am missing "onSubmit" property in type {...} required by "FormProps". I checked the interface but can't figure why I am getting this error because I have that property set in place and defined.

myfile.tsx

I'm trying to send some data via ajax in my react + symfony app. There's no error but ajax is getting html template instead symfony function response. Here's the code:

Symfony 3.4 Controller Function :

I am working on a Mean stack application, I have defined an expressjs backend post route to store some data on server, but its not working and returning an error message which is provided for handling errors 'An error occurred in form api'.