[ReactDebugTools] override error name instead of custom error class

Author: mondaychen

packages/react-debug-tools/src/ReactDebugCustomErrors.js

@@ -18,13 +18,10 @@ export const ErrorsNames = {
   UNSUPPORTTED_FEATURE_ERROR: 'UnsupportedFeatureError',
 };
 
-export function UnsupportedFeatureError(message: string = "") {
-  // Make this an instanceof Error.
-  this.constructor.prototype.__proto__ = Error.prototype;
-
-  this.name = ErrorsNames.UNSUPPORTTED_FEATURE_ERROR;
-  this.message = message;
-  if (Error.captureStackTrace) { // only available in V8
-    Error.captureStackTrace(this, this.constructor);
-  }
+// For now we just override the name. If we decide to move react-debug-tools to
+// devtools package, we should use a real Error class instead.
+export function createUnsupportedFeatureError(message: string = "") {
+  const error = new Error(message);
+  error.name = ErrorsNames.UNSUPPORTTED_FEATURE_ERROR;
+  return error;
 }

packages/react-debug-tools/src/ReactDebugHooks.js

@@ -29,7 +29,7 @@ import {
   ContextProvider,
   ForwardRef,
 } from 'react-reconciler/src/ReactWorkTags';
-import {UnsupportedFeatureError} from './ReactDebugCustomErrors';
+import {createUnsupportedFeatureError} from './ReactDebugCustomErrors';
 
 type CurrentDispatcherRef = typeof ReactSharedInternals.ReactCurrentDispatcher;
 
@@ -364,7 +364,7 @@ const DispatcherProxyHandler = {
     if (target.hasOwnProperty(prop)) {
       return Reflect.get(...arguments);
     }
-    throw new UnsupportedFeatureError('Missing method in Dispatcher: ' + prop);
+    throw createUnsupportedFeatureError('Missing method in Dispatcher: ' + prop);
   },
 };