Files
SnowLuma/.pnpm-store/v11/files/a4/227c06ae4fe0c2c1ebdd9a817c3444eab3146ad0fe1c4fe96526431125508e313190303e24646eeb80fcbc319d6ae317858b5bdb764712818364b90278852d
TanTan 2a69b23b47
Dev Build / cleanup (push) Canceled after 0s
Dev Build / typecheck (push) Canceled after 0s
Dev Build / build (linux-arm64, ubuntu-24.04-arm, linux-arm64) (push) Canceled after 0s
Dev Build / build (linux-x64, ubuntu-latest, linux-x64) (push) Canceled after 0s
Dev Build / build (win-x64, windows-latest, win32-x64) (push) Canceled after 0s
Dev Build / dispatch-dev-docker (push) Skipped
docs: 仓库链接指向本镜像仓库
2026-11-13 09:27:07 +08:00

37 lines
1.3 KiB
Plaintext

/* eslint-disable react-hooks/rules-of-hooks */
import { useLayoutEffect } from '@radix-ui/react-use-layout-effect';
import * as React from 'react';
type AnyFunction = (...args: any[]) => any;
// See https://github.com/webpack/webpack/issues/14814
const useReactEffectEvent = (React as any)[' useEffectEvent '.trim().toString()];
const useReactInsertionEffect = (React as any)[' useInsertionEffect '.trim().toString()];
/**
* Designed to approximate the behavior on `experimental_useEffectEvent` as best
* as possible until its stable release, and back-fill it as a shim as needed.
*/
export function useEffectEvent<T extends AnyFunction>(callback?: T): T {
if (typeof useReactEffectEvent === 'function') {
return useReactEffectEvent(callback);
}
const ref = React.useRef<AnyFunction | undefined>(() => {
throw new Error('Cannot call an event handler while rendering.');
});
// See https://github.com/webpack/webpack/issues/14814
if (typeof useReactInsertionEffect === 'function') {
useReactInsertionEffect(() => {
ref.current = callback;
});
} else {
useLayoutEffect(() => {
ref.current = callback;
});
}
// https://github.com/facebook/react/issues/19240
return React.useMemo(() => ((...args) => ref.current?.(...args)) as T, []);
}