Passing form all the way down - is there a better way?

[alex-collibra]

Let's say there is this components tree

TopLevelComponent - this one has useAppForm hook and access to form
  NestedComponent - this one needs to have access to some form values but has no fields
    FormPart1 - this component has some fields
    FormPart2 - this component has other fields

For now I can't think of any good way to pass form from TopLevelComponent to FormPart1 without prop drilling.

Should also wrap my NestedComponent with withForm and then pass form prop to FormPart1 which I should also wrap with withForm?
Should I add NestedComponent, FormPart1 and FormPart2 to formComponents and then do this?

 // TopLevelComponent
 return (<form.NestedComponent />)
 
// NestedComponent
const form = useFormContext();
return (<form.FormPart1 />)

...

If I do it that way form type won't be picked up and it won't have neither of NestedComponent, FormPart1 etc.

Because even if I use it this way I am still forced to pass form around in one way or another, which doesn't look like a clean solution. Am I missing something?

I checked examples but most of them have forms, which are only one level nested.