Typing reusable input fields which values depend on another field that the form should implement

[swong194]

version: 7.28.0

I have a code sandbox example
https://codesandbox.io/s/sad-swirles-o1jt40?file=/src/App.tsx

I am using useController and I want to create reusable input fields. In my use case the field depends on another field to generate its values.

In a form is it possible for me to pass down control as a prop to a child input field and expect the form state to include certain fields?

I would appreciate any advice for alternative patterns for how to approach the proper typings.