>This example creates a Provider context into which a <a href="/api/the-essentials/creating-stores/store/"><code>Store</code></a> and a <a href="/api/metrics/interfaces/metrics/metrics/"><code>Metrics</code></a> object are provided, one by default, and one named by <a href="/api/common/type-aliases/identity/id/"><code>Id</code></a>. Components within it then render content from both, without the need to have them passed as props.</p><pre><code><span class="keyword">import</span> React <span class="keyword">