@forge/react

Index: package/out/__test__/reconciler.test.js
===================================================================
--- package/out/__test__/reconciler.test.js
+++ package/out/__test__/reconciler.test.js
@@ -115,8 +115,24 @@
         expect(forgeDoc).toHaveProperty('children[1].props.placeholder', 'name');
         expect(forgeDoc).toHaveProperty('children[2].props.placeholder', 'date');
     });
 });
+describe('Global component reconciliation', () => {
+    let bridgeCalls = [];
+    beforeAll(async () => {
+        bridgeCalls = (0, testUtils_1.setupBridge)();
+        const App = () => {
+            return ((0, jsx_runtime_1.jsxs)(components_1.Global, { children: [(0, jsx_runtime_1.jsxs)(components_1.Global.Sidebar, { forYouUrl: "for-you-test", children: [(0, jsx_runtime_1.jsx)(components_1.Global.LinkMenuItem, { label: "Link item 1", href: "1" }), (0, jsx_runtime_1.jsx)(components_1.Global.LinkMenuItem, { label: "Link item 2", href: "2" }), (0, jsx_runtime_1.jsx)(components_1.Global.LinkMenuItem, { label: "Link item 3", href: "3" }), (0, jsx_runtime_1.jsxs)(components_1.Global.ExpandMenuItem, { label: `Campaign 49`, children: [(0, jsx_runtime_1.jsx)(components_1.Global.LinkMenuItem, { label: `Campaign 49 Home`, href: `campaigns/49` }), (0, jsx_runtime_1.jsx)(components_1.Global.LinkMenuItem, { label: `Feedback for Campaign 49`, href: `campaigns/49/feedback` })] }, 49), (0, jsx_runtime_1.jsxs)(components_1.Global.ExpandMenuItem, { label: `Campaign 23`, children: [(0, jsx_runtime_1.jsx)(components_1.Global.LinkMenuItem, { label: `Campaign 23 Home`, href: `campaigns/23` }), (0, jsx_runtime_1.jsx)(components_1.Global.LinkMenuItem, { label: `Feedback for Campaign 23`, href: `campaigns/23/feedback` })] }, 23)] }), (0, jsx_runtime_1.jsx)(components_1.Global.Main, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "hello" }) })] }));
+        };
+        resetKeyCount();
+        await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(App, {}));
+    });
+    it('should reconcile the Global component tree', () => {
+        const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        expect(forgeDoc).not.toBeNull();
+        expect(forgeDoc).toMatchSnapshot();
+    });
+});
 describe('function props __id__ attributes', () => {
     let bridgeCalls = [];
     beforeAll(async () => {
         bridgeCalls = (0, testUtils_1.setupBridge)();