 creates nested Provider contexts into which <a href="/api/the-essentials/creating-stores/store/"><code>Store</code></a> and <a href="/api/metrics/interfaces/metrics/metrics/"><code>Metrics</code></a> objects are provided, showing how visibility is merged.</p><pre><code><span class="keyword">import</span> React <span class="keyword">from</span> <span class="string">'react'</span><span class="punctuation">;</span>
<span class="keyword">import</span> <span class="punctuation">{</span>createRoot<span class="pu