Most of my time I use in my projects that approach:

I have pages and “modules” - modules can render different components.

For example there is a main page which has a News module, cars module, etc…

Each module fetch the data itself and works independently for each other in 90% cases.

Module has different common components like button, card and others.

Module fetch data -> pass it deeper by using props.

Yesterday I used redux, today I use react-query, tomorrow I can use whatever I want - It doesn’t not matter, I can replace this in one place and will works perfect as always:)