How to correctly pass dispatch to a child component?

Question

JavaScript

Now I'm dealing with one project, before that I didn't work with React and Redux.
There is the following structure:

<App>
  <Child>
    <SubChild></SubChild>
  </Child>
</App>

Appwrapped in connect and forwarded SubChildthrough Childdispatch. At the same time, Child'уhe himself is not needed. And so everywhere.
Is this approach considered normal?
Or is it possible to SubChildwrap it in connect and not deal with dispatch forwarding?
I read that the component should not know about any disaptch and actions, it's better to use mapDispatchToProps.
Is it correct to use connect for nested components?
What is considered best practices?
UPD: marked the correct solution. In short: use connect for containers.

Answer 1

https://medium.com/@dan_abramov/smart-and-dumb-com...