Реагируй ферментный компонент, находи глубже дерево

Question

когда мы используем component.find () во вложенном компоненте, мы можем искать все уровни без указания каждого компонента вдоль пути ...

например, в настоящее время делаем что-то вроде этого:

component
  .find(AutoSizer)
  .find(Grid)
  .find(???)
  .find(thingWeWant)

Как я могу выбрать компонент, который находится на любом уровне дерева (рекурсивный поиск всех вложенных дочерних компонентов) или как я могу увидеть структуру дерева, чтобы я мог заполнить каждый уровень правильным компонентом?

const renderComponent = (props) => {
    <Provider store={ createStore(reducer, initialState) }>
       <ChildComponentTypeA { ...props }/>
           <ChildComponentTypeB { ...props }/>
              <more child components since component of type B is from a library>
           </ChildComponentTypeB>
       </ChildComponentTypeA>
    </Provider>

};