Reproduce renderComponent error: 'attempted to close a tracking frame, but one was not open'

packages/@ember/-internals/glimmer/tests/integration/components/render-component-test.ts

@@ -594,6 +594,39 @@
         expect: '<div data-one="">3</div><div data-two="">3</div>',
       });
     }
+
+    '@test rendering multiple times to adjacent elements'() {
+      let aHelper = (str: string) => str.toUpperCase();
+      let Child = defComponent(`Hi: {{aHelper "there"}}`, { scope: { aHelper } });
+      let get = (id: string) => this.element.querySelector(id);
+      function render(Comp: GlimmerishComponent, id: string, owner: Owner) {
+        renderComponent(Comp, {
+          into: get(`#${id}`)!,
+          owner,
+        });
+      }
+      let A = defComponent('a:<Child />', { scope: { Child } });
+      let B = defComponent('b:<Child />', { scope: { Child } });
+      let Root = defComponent(
+        [
+          `<div id="a"></div><br>`,
+          `<div id="b"></div>`,
+          `{{render A 'a' owner}}`,
+          `{{render B 'b' owner}}`,
+        ].join('\n'),
+        { scope: { render, A, B, owner: this.owner } }
+      );
+
+      this.renderComponent(Root, {
+        expect: [`<div id="a">a:Hi: THERE</div><br>`, `<div id="b">b:Hi: THERE</div>`, ``, ``].join(
+          '\n'
+        ),
+      });
+
+      run(() => destroy(this));
+
+      assertHTML('');
+    }
   }
 );
 
@@ -622,6 +655,39 @@
         this.renderComponent(Root, { expect: '' });
       }, /but that value was not in scope: a-helper/);
     }
+
+    '@test rendering multiple times to adjacent elements'(assert: Assert) {
+      this.owner.register('helper:a-helper', (str: string) => str.toUpperCase());
+      let Loose = defineComponent(null, `Hi: {{a-helper "there"}}`);
+      let get = (id) => this.element.querySelector(id);
+      function render(Comp: GlimmerishComponent, id: string, owner: Owner) {
+        renderComponent(Comp, {
+          into: get(`#${id}`),
+          owner,
+        });
+      }
+      let A = defComponent('a:<Loose />', { scope: { Loose } });
+      let B = defComponent('b:<Loose />', { scope: { Loose } });
+      let Root = defComponent(
+        [
+          `<div id="a"></div><br>`,
+          `<div id="b"></div>`,
+          `{{render A 'a' owner}}`,
+          `{{render B 'b' owner}}`,
+        ].join('\n'),
+        { scope: { render, A, B, owner: this.owner } }
+      );
+
+      this.renderComponent(Root, {
+        expect: [`<div id="a">a:Hi: THERE</div><br>`, `<div id="b">b:Hi: THERE</div>`, ``, ``].join(
+          '\n'
+        ),
+      });
+
+      run(() => destroy(this));
+
+      assertHTML('');
+    }
   }
 );