For example:
<img width="1904" alt="Screen Shot 2021-11-05 at 11 59 05 AM" src="https://user-images.githubusercontent.com/29597/140540816-25d6d47b-7aea-4121-aeaa-565accc65b1f.png">

</>,
            );
            expect(Scheduler).toFlushAndYieldThrough(['A:1']);
            testMarks.push(...createUserTimingData(clearedMarks));
            clearedMarks.splice(0);
            
            startTime += 20000;
            
            
            testMarks.push(createNativeEventEntry('click', 25000));
            ReactDOM.flushSync(() => {
              root.render(
                <>
                  <Yield id="A" value={2} />
                  <Yield id="B" value={2} />
                </>,
              );
            });
          });
          expect(Scheduler).toHaveYielded(['A:2', 'B:2']);
          testMarks.push(...createUserTimingData(clearedMarks));
          const data = await preprocessData(testMarks);
          const event = data.nativeEvents.find(({type}) => type === 'click');
          expect(event.warning).toBe(null);
        }
      });
    });
    describe('nested updates', () => {
      it('should not warn about short nested (state) updates during layout effects', async () => {
        function Component() {