For Medium

InnerFormField.tsx

const getNameFieldValue = (data: any) => data.foo;
const shouldReinitialize = () => !props.shouldReinitialize;

<InnerField
    fieldData={innerFieldData}
    getFieldValue={getNameFieldValue}
    shouldReinitialize={shouldReinitialize}
>
    {({ handleChange: innerHandleChange, value }: any) => {
        return (
            <InputWrapper>
                <input
                    placeholder='Foo Fighters!'
                    name="foo-name"
                    value={value}
                    onBlur={handleBlur}
                    onChange={innerHandleChange}
                    maxLength={maxLength}
                />

                <InputCount inputValue={value} maxLength={maxLength} />
            </InputWrapper>
        );
    }}
</InnerField>