Skip to main content
Glama
use-effect-event.tsx1.3 kB
/* 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, []); }

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/samihalawa/advanced-tts-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server