title: Too many React Context providers
body: <p>New to react here and trying to wrap my head round the new Context API (I haven't looked into Redux etc. yet).</p>
  
  <p>Seems I can do much of what I need to do, but I'm going to end up with lots and lots of providers, all needing a tag to wrap my main app.</p>
  
  <p>I'm going to have a provider for Auth, one for theming, one for chat messages (vis Pusher.com) etc. Also using React Router is another wrapper element.</p>
  
  <p>Am I going to have to end up with this (and many more)....</p>
  
  <pre><code>&lt;BrowserRouter&gt;
      &lt;AuthProvider&gt;
          &lt;ThemeProvider&gt;
              &lt;ChatProvider&gt;
                  &lt;App /&gt;
              &lt;/ChatProvider&gt;
          &lt;/ThemeProvider&gt;
      &lt;/AuthProvider&gt;
  &lt;/BrowserRouter&gt;
  </code></pre>
  
  <p>Or is there a better way?</p>