Rerender through Lazy Components in dev if we were already aborting

Author: eps1lon

packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMNode-test.js

@@ -927,6 +927,9 @@ describe('ReactFlightDOMNode', () => {
     if (__DEV__) {
       expect(ignoreListStack(ownerStack)).toBe(
         '' +
+          // The concrete location may change as this test is updated.
+          // Just make sure they still point at React.use(p2)
+          '\n    at SharedComponent (./ReactFlightDOMNode-test.js:794:7)' +
           '\n    at ServerComponent (file://./ReactFlightDOMNode-test.js:815:26)' +
           '\n    at App (file://./ReactFlightDOMNode-test.js:832:25)',
       );

packages/react-server/src/ReactFizzServer.js

@@ -2802,14 +2802,23 @@ function renderLazyComponent(
   ref: any,
 ): void {
   let Component;
+  let previouslyAbortingDEV;
   if (__DEV__) {
+    previouslyAbortingDEV = request.status === ABORTING;
     Component = callLazyInitInDEV(lazyComponent);
   } else {
     const payload = lazyComponent._payload;
     const init = lazyComponent._init;
     Component = init(payload);
   }
-  if (request.status === ABORTING) {
+  if (
+    request.status === ABORTING &&
+    // If we already started rendering the Lazy Componentn in an aborting state
+    // and reach this point, the lazy was already resolved.
+    // We don't bail here again since this is most likely a discarded rerender
+    // to get the stack where we suspended in dev.
+    (!__DEV__ || !previouslyAbortingDEV)
+  ) {
     // eslint-disable-next-line no-throw-literal
     throw null;
   }