I am trying to create an asynchronous editable tree with And Design and I want to use React Query for data management, since it will make managing different branches of the tree querying data from different sources much easier.

Sadly Ant Design has very bad support for HOCs, making it impossible to wrap a TreeNode with a custom component that would manage it's children via a useQuery hook.

As a result since I cannot dynamicaly add hooks based on new nodes being expanded, I would like to ask if there are already common practices or solutions for these kinds of situations, where we need to add more data sources (more hooks), but can't create new components to store them in.