title: Two providers in a React component
body: <p>I'm looking to implement stripe elements in my React app and looks like there's a nice wrapper that I can use.</p>
  
  <p>However, in the article, the author says we must use the <code>StripeProvider</code> and he implements it at the root App component level -- see <a href="https://github.com/stripe/react-stripe-elements#getting-started" rel="noreferrer">https://github.com/stripe/react-stripe-elements#getting-started</a></p>
  
  <p>I need to use my own provider to connect to my store. How do I use two providers in my component? I'm not even sure if this is a good idea.</p>
  
  <p>My current render method looks like this:</p>
  
  <pre><code>render(
      &lt;Provider store={store}&gt;
          &lt;App&gt;
              &lt;SomeComponentInMyApp /&gt;
          &lt;/App&gt;
      &lt;/Provider&gt;,
      document.getElementById('content-wrapper')
  );
  </code></pre>
  
  <p>Would I wrap one provider around the other?</p>