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(data.suspenseEvents).toHaveLength(1);
          expect(data.suspenseEvents[0].warning).toMatchInlineSnapshot(
            `"A component suspended during an update which caused a fallback to be shown. Consider using the Transition API to avoid hiding components after they've been mounted."`,
          );
        }
      });
      it('should not warn about suspending during an transition', async () => {
        let promise = null;
        let resolvedValue = null;
        function readValue(value) {
          if (resolvedValue !== null) {
            return resolvedValue;
          } else if (promise === null) {
            promise = Promise.resolve(true).then(() => {
              resolvedValue = value;
            });
          }
          throw promise;
        }
        function Component({shouldSuspend}) {
          Scheduler.unstable_yieldValue(`Component ${shouldSuspend}`);
          if (shouldSuspend) {
            readValue(123);
          }
          return null;
        }
        if (gate(flags => flags.enableSchedulingProfiler)) {
          
          const root = ReactDOM.createRoot(document.createElement('div'));
          act(() =>