Content

useEventCallback

A hook that returns a memoized version of a callback that is stable between renders.

useEventCallback

Usage

Component.tsx

import { useEventCallback } from "~/hooks/useEventCallback";
 
function Component() {
  const handleClick = useEventCallback(() => {
    console.log("Clicked!");
  });
 
  return <button onClick={handleClick}>Click me</button>;
}

API

useEventCallback

function useEventCallback<T extends (...args: any[]) => any>(fn: T): T;

Returns a memoized version of the provided callback.

Parameters

Name	Type	Description
fn	`T`	The callback function that depends on external values.

Returns

Name	Type	Description
fn	`T`	A stable version of the provided callback.

Previous

useDevice

Next

useEventListener

On this page

useEventCallback Usage API useEventCallback Parameters Returns