fix: polyfill

Author: nDriaDev

src/components/Activity.tsx

@@ -6,6 +6,10 @@ function ActivityPolyfill({ children, mode }: React.PropsWithChildren<{ mode: "v
 	return <Show when={mode === "visible"} mode="visibility">{children}</Show>
 }
 
+const key = 'Activity';
+const _Activity = (React as any)[key];
+
+
 /**
  * **`Activity`**: Polyfill of the React 19 `<Activity>` component for earlier versions.
  *
@@ -31,4 +35,4 @@ function ActivityPolyfill({ children, mode }: React.PropsWithChildren<{ mode: "v
  * @param {{ mode: "visible" | "hidden", children?: React.ReactNode }} props
  * @returns {JSX.Element} element
  */
-export const Activity: React.ComponentType<{ mode: "visible" | "hidden"; children?: React.ReactNode }> =(React as any).Activity ?? ActivityPolyfill;
+export const Activity: React.ComponentType<{ mode: "visible" | "hidden"; children?: React.ReactNode }> = _Activity ?? ActivityPolyfill;

src/components/Suspense.tsx

@@ -51,6 +51,9 @@ class SuspenseBoundary extends React.Component<SuspenseProps, SuspenseState> {
 	}
 }
 
+const key = "Suspense";
+const _Suspense = (React as any)[key];
+
 /**
  * **`Suspense`**: Polyfill of the React `<Suspense>` component.
  *
@@ -91,5 +94,4 @@ class SuspenseBoundary extends React.Component<SuspenseProps, SuspenseState> {
  * @param {SuspenseProps} props - {@link SuspenseProps}
  * @returns {JSX.Element} element
  */
-export const Suspense: React.ComponentType<SuspenseProps> =
-	(React as any).Suspense ?? SuspenseBoundary;
+export const Suspense: React.ComponentType<SuspenseProps> = _Suspense ?? SuspenseBoundary;

src/hooks/api-dom/use.ts

@@ -71,5 +71,7 @@ function usePolyfill<T>(input: Promise<T> | React.Context<T>): T {
 			throw tracked.promise;
 	}
 }
+const key = "use";
+const _use = (React as any)[key];
 
-export const use = ((React as any).use ?? usePolyfill) as typeof usePolyfill;
+export const use = (_use ?? usePolyfill) as typeof usePolyfill;

src/hooks/lifecycle/useDeferredValue.ts

@@ -19,4 +19,7 @@ function useDeferredValuePolyfill<T>(value: T): T {
 	return state;
 }
 
-export const useDeferredValue = ((React as any).useDeferredValue ?? useDeferredValuePolyfill) as typeof useDeferredValuePolyfill;
+const key = "useDeferredValue";
+const _useDeferredValue = (React as any)[key];
+
+export const useDeferredValue = (_useDeferredValue ?? useDeferredValuePolyfill) as typeof useDeferredValuePolyfill;

src/hooks/lifecycle/useEffectEvent.ts

@@ -2,6 +2,9 @@ import * as React from 'react';
 import { useMemoizedFn } from '../performance';
 import { UseEffectEventProps, UseEffectEventResult } from '../../models';
 
+const key = 'useEffectEvent';
+const _useEffectEvent = (React as any)[key];
+
 /**
  * __`useEffectEvent`__: _useEffectEvent_ hook polyfilled for React versions below 19.
  *
@@ -18,4 +21,4 @@ import { UseEffectEventProps, UseEffectEventResult } from '../../models';
  * @param {UseEffectEventProps<T>["fn"]} fn - {@link UseEffectEventProps}
  * @returns {UseEffectEventResult<T>} result - {@link UseEffectEventResult}
  */
-export const useEffectEvent = <T extends (...args: any[]) => any>(fn: UseEffectEventProps<T>["fn"]): UseEffectEventResult<T> => (React as any).useEffectEvent ?? useMemoizedFn(fn);
+export const useEffectEvent = <T extends (...args: any[]) => any>(fn: UseEffectEventProps<T>["fn"]): UseEffectEventResult<T> => _useEffectEvent ?? useMemoizedFn(fn);

src/hooks/performance/useId.ts

@@ -17,4 +17,7 @@ function useIdPolyfilled(): string {
 	return id.current;
 }
 
-export const useId = ((React as any).useId ?? useIdPolyfilled) as typeof useIdPolyfilled;
+const key = 'useId';
+const _useId = (React as any)[key];
+
+export const useId = (_useId ?? useIdPolyfilled) as typeof useIdPolyfilled;

src/hooks/state/useSyncExternalStore.ts

@@ -34,4 +34,8 @@ function useSyncExternalStorePolyfill<Snapshot>(subscribe: UseSyncExternalStoreP
 	return snapshotRef.current
 }
 
-export const useSyncExternalStore = ((React as any).useSyncExternalStore ?? useSyncExternalStorePolyfill) as typeof useSyncExternalStorePolyfill;
+const key = 'useSyncExternalStore';
+
+const _useSyncExternalStore = (React as any)[key];
+
+export const useSyncExternalStore = (_useSyncExternalStore ?? useSyncExternalStorePolyfill) as typeof useSyncExternalStorePolyfill;