<App>
<Header/>
<Body bodyprops={bodyprops} {...props} >
<Compoment1>
<SubComponent1 />
<SubComponent2 />
<SubComponent3 />
</Compoment1>
<Compoment2 component2props={propsForComponent2} {...props} >
<SubComponent1 subcomponent1Props={propsForSubComponent1} />
<SubComponent2 />
<SubComponent3 />
</Compoment2>
<Compoment3>
<SubComponent1 />
<SubComponent2 />
<SubComponent3 />
</Compoment3>
</Body>
<Footer />
</App>
С одной стороны это хорошо скажется на кастомизации этих самых компонентов и тд, с другой стороны можно сэкономить время и создавать логику, а потом, если останется необходимость, можно будет избавляться от библиотечных компонентов, и писать свои.
Спасибо за ответ!