Home > @cascadiacollections/fluentui-compat > useAsync

useAsync() function

Hook to provide an Async instance that is automatically cleaned up on dismount.

Signature:

export declare function useAsync(): Async;

Returns:

Async

{Async} A stable Async instance that will be disposed on component unmount

Example

import { useCallback } from 'react';

function MyComponent() {
  const async = useAsync();

  const handleClick = useCallback(() => {
    async.setTimeout(() => {
      console.log('Delayed action');
    }, 1000);
  }, [async]);

  return <button onClick={handleClick}>Start Timer</button>;
}