all containers on the top level of my react application

[Marckon]

my code is like below,

<ContainerA.Provider>
  <ContainerB.Provider>
      <App/>
  </ContainerB.Provider>
</ContainerA.Provider>

each container will be used in some child components of 'App', so it looks like I have to write the code this way. However, this may cause app re-render frequently, which is not I want. Is there any advice for me? Perhaps I can make one component subscribe a certain container in the future.