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">

clearedMarks.forEach(markName => {
            if (markName === '--component-render-start-Component') {
              
              startTime += 20000;
            }
            testMarks.push({
              pid: ++pid,
              tid: ++tid,
              ts: ++startTime,
              args: {data: {}},
              cat: 'blink.user_timing',
              name: markName,
              ph: 'R',
            });
          });
          const data = await preprocessData([
            cpuProfilerSample,
            ...createBoilerplateEntries(),
            ...testMarks,
          ]);
          const event = data.schedulingEvents.find(
            ({type}) => type === 'schedule-state-update',
          );
          expect(event.warning).toMatchInlineSnapshot(
            `"A big nested update was scheduled during layout. Nested updates require React to re-render synchronously before the browser can paint. Consider delaying this update by moving it to a passive effect (useEffect)."`,
          );
        }
      });
      it('should warn about long nested (forced) updates during layout effects', async () => {
        class Component extends React.Component {