Too many React Context providers : <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>
