In case of conditional visibility, if the parent field of a field comes after it in the schema then the conditional visibility doesn't works.Example:
This works (field 1 is visible)

fields: [ { component: 'text-field', name: 'f2', label: 'Field 2', initialValue:'a' }, { component: 'text-field', name: 'f1', label: 'Field 1', condition: { when: 'f2', is: 'a', }, } ], 

This doesn't (field 1 is not visible)
`fields: [

{ component: 'text-field', name: 'f1', label: 'Field 1', condition: { when: 'f2', is: 'a', }, },{ component: 'text-field', name: 'f2', label: 'Field 2', initialValue:'a' }, 

],`

One of the solution to this is that we add the subscription for initial along with value here:

 <Field name={name} subscription={{ value: true }}> {({ input: { value } }) => ( <ConditionTriggerDetector 

But the react final forms also have a bug due to which the field api doesn't re-renders on change of initial Value. Raised PR(final-form/react-final-form#1034), but there is no response from their end.

Is there any other way to fix this issue?
CC: @Hyperkid123 @rvsia