chore(react): Inline hoist-non-react-statics package

packages/react/package.json

@@ -40,8 +40,7 @@
   },
   "dependencies": {
     "@sentry/browser": "10.30.0",
-    "@sentry/core": "10.30.0",
-    "hoist-non-react-statics": "^3.3.2"
+    "@sentry/core": "10.30.0"
   },
   "peerDependencies": {
     "react": "^16.14.0 || 17.x || 18.x || 19.x"
@@ -51,7 +50,7 @@
     "@testing-library/react-hooks": "^7.0.2",
     "@types/history-4": "npm:@types/[email protected]",
     "@types/history-5": "npm:@types/[email protected]",
-    "@types/hoist-non-react-statics": "^3.3.5",
+    "@types/node-fetch": "^2.6.11",
     "@types/react": "17.0.3",
     "@types/react-router-4": "npm:@types/[email protected]",
     "@types/react-router-5": "npm:@types/[email protected]",

packages/react/src/hoist-non-react-statics.ts

@@ -1,5 +1,169 @@
-import * as hoistNonReactStaticsImport from 'hoist-non-react-statics';
+/**
+ * Inlined implementation of hoist-non-react-statics
+ * Original library: https://github.com/mridgway/hoist-non-react-statics
+ * License: BSD-3-Clause
+ * Copyright 2015, Yahoo! Inc.
+ *
+ * This is an inlined version to avoid ESM compatibility issues with the original package.
+ */
 
-// Ensure we use the default export from hoist-non-react-statics if available,
-// falling back to the module itself. This handles both ESM and CJS usage.
-export const hoistNonReactStatics = hoistNonReactStaticsImport.default || hoistNonReactStaticsImport;
+import type * as React from 'react';
+
+/**
+ * React statics that should not be hoisted
+ */
+const REACT_STATICS = {
+  childContextTypes: true,
+  contextType: true,
+  contextTypes: true,
+  defaultProps: true,
+  displayName: true,
+  getDefaultProps: true,
+  getDerivedStateFromError: true,
+  getDerivedStateFromProps: true,
+  mixins: true,
+  propTypes: true,
+  type: true,
+} as const;
+
+/**
+ * Known JavaScript function statics that should not be hoisted
+ */
+const KNOWN_STATICS = {
+  name: true,
+  length: true,
+  prototype: true,
+  caller: true,
+  callee: true,
+  arguments: true,
+  arity: true,
+} as const;
+
+/**
+ * Statics specific to ForwardRef components
+ */
+const FORWARD_REF_STATICS = {
+  $$typeof: true,
+  render: true,
+  defaultProps: true,
+  displayName: true,
+  propTypes: true,
+} as const;
+
+/**
+ * Statics specific to Memo components
+ */
+const MEMO_STATICS = {
+  $$typeof: true,
+  compare: true,
+  defaultProps: true,
+  displayName: true,
+  propTypes: true,
+  type: true,
+} as const;
+
+/**
+ * Inlined react-is utilities
+ * We only need to detect ForwardRef and Memo types
+ */
+const ForwardRefType = Symbol.for('react.forward_ref');
+const MemoType = Symbol.for('react.memo');
+
+/**
+ * Check if a component is a Memo component
+ */
+function isMemo(component: unknown): boolean {
+  return (
+    typeof component === 'object' && component !== null && (component as { $$typeof?: symbol }).$$typeof === MemoType
+  );
+}
+
+/**
+ * Map of React component types to their specific statics
+ */
+const TYPE_STATICS: Record<symbol, Record<string, boolean>> = {};
+TYPE_STATICS[ForwardRefType] = FORWARD_REF_STATICS;
+TYPE_STATICS[MemoType] = MEMO_STATICS;
+
+/**
+ * Get the appropriate statics object for a given component
+ */
+function getStatics(component: React.ComponentType<unknown>): Record<string, boolean> {
+  // React v16.11 and below
+  if (isMemo(component)) {
+    return MEMO_STATICS;
+  }
+
+  // React v16.12 and above
+  const componentType = (component as { $$typeof?: symbol }).$$typeof;
+  return (componentType && TYPE_STATICS[componentType]) || REACT_STATICS;
+}
+
+const defineProperty = Object.defineProperty.bind(Object);
+const getOwnPropertyNames = Object.getOwnPropertyNames.bind(Object);
+const getOwnPropertySymbols = Object.getOwnPropertySymbols?.bind(Object);
+const getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor.bind(Object);
+const getPrototypeOf = Object.getPrototypeOf.bind(Object);
+const objectPrototype = Object.prototype;
+
+/**
+ * Copies non-react specific statics from a child component to a parent component.
+ * Similar to Object.assign, but copies all static properties from source to target,
+ * excluding React-specific statics and known JavaScript statics.
+ *
+ * @param targetComponent - The component to copy statics to
+ * @param sourceComponent - The component to copy statics from
+ * @param excludelist - An optional object of keys to exclude from hoisting
+ * @returns The target component with hoisted statics
+ */
+export function hoistNonReactStatics<
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  T extends React.ComponentType<any>,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  S extends React.ComponentType<any>,
+  C extends Record<string, boolean> = Record<string, never>,
+>(targetComponent: T, sourceComponent: S, excludelist?: C): T {
+  if (typeof sourceComponent !== 'string') {
+    // Don't hoist over string (html) components
+    if (objectPrototype) {
+      const inheritedComponent = getPrototypeOf(sourceComponent);
+
+      if (inheritedComponent && inheritedComponent !== objectPrototype) {
+        hoistNonReactStatics(targetComponent, inheritedComponent, excludelist);
+      }
+    }
+
+    let keys: (string | symbol)[] = getOwnPropertyNames(sourceComponent);
+
+    if (getOwnPropertySymbols) {
+      keys = keys.concat(getOwnPropertySymbols(sourceComponent));
+    }
+
+    const targetStatics = getStatics(targetComponent);
+    const sourceStatics = getStatics(sourceComponent);
+
+    for (const key of keys) {
+      const keyStr = String(key);
+      if (
+        !KNOWN_STATICS[keyStr as keyof typeof KNOWN_STATICS] &&
+        !excludelist?.[keyStr] &&
+        !sourceStatics?.[keyStr] &&
+        !targetStatics?.[keyStr] &&
+        !getOwnPropertyDescriptor(targetComponent, key) // Don't overwrite existing properties
+      ) {
+        const descriptor = getOwnPropertyDescriptor(sourceComponent, key);
+
+        if (descriptor) {
+          try {
+            // Avoid failures from read-only properties
+            defineProperty(targetComponent, key, descriptor);
+          } catch (e) {
+            // Silently ignore errors
+          }
+        }
+      }
+    }
+  }
+
+  return targetComponent;
+}