Log and show error overlay for commit phase errors

Author: gaearon

packages/react-reconciler/src/ReactFiberWorkLoop.new.js

@@ -2196,6 +2196,14 @@ export function captureCommitPhaseError(
   nearestMountedAncestor: Fiber | null,
   error: mixed,
 ) {
+  if (__DEV__) {
+    // Commit phase doesn't use invokeGuardedCallback anymore due to perf.
+    // However, we still want to print the message and make it fire onerror.
+    invokeGuardedCallback(null, () => {
+      throw error;
+    });
+  }
+
   if (sourceFiber.tag === HostRoot) {
     // Error was thrown at the root. There is no parent, so the root
     // itself should capture it.

packages/react-reconciler/src/ReactFiberWorkLoop.old.js

@@ -2196,6 +2196,14 @@ export function captureCommitPhaseError(
   nearestMountedAncestor: Fiber | null,
   error: mixed,
 ) {
+  if (__DEV__) {
+    // Commit phase doesn't use invokeGuardedCallback anymore due to perf.
+    // However, we still want to print the message and make it fire onerror.
+    invokeGuardedCallback(null, () => {
+      throw error;
+    });
+  }
+
   if (sourceFiber.tag === HostRoot) {
     // Error was thrown at the root. There is no parent, so the root
     // itself should capture it.