Я вот, честно говоря, не очень понимаю суть. Смотри, есть форма. В ней есть поля как обычные (текстовые), так и поле для загрузки картинки с ее кропалкой после загрузки. При этом картинка загружается до сабмита формы - человек выбрал, загрузка пошла, появилась кропалка вместо кнопки выбора картинки. Также у меня есть валидация и на сервере (например, значение в определенном поле должно быть строго уникальным). Как сюда вкорячить rff или formic я пока не очень представляю.
Суть формика состоит в том, что ты можешь текстовые поля обернуть в их Field компонент, и прописать там имена полей, а в validationSchema передать валидацию каждого поля.
Если же у тебя есть какие-то "нестандартные" поля, то для этих целей тебе прокидывают проп setFieldValue (но лучше использую setFields ), и ты там передаешь просто ключ значение например this.props.setFieldValue('hasImage', true) (после того, как получил от своего компнента, который занимается обработкой картинки, что она готова).