import { usePromise } from 'usepromises';
 
...
 
interface SampleResponse {
  slideshow: {
    title: string
  }
}
 
function Example() {
  const response = usePromise<SampleResponse>(async () => {
    const response = await fetch('https://httpbin.org/json');
    return response.json();
  }, []);
 
  return (
    <div>
      {response.isResolved && response.value.slideshow.title}
 
      {response.isRejected ? `Error: ${response.error}` : null}
    </div>
  );
};

import { useMountPromise } from 'usepromises';
 
...
 
interface SampleResponse {
  slideshow: {
    title: string
  }
}
 
function Example() {
  const [response, setResponse] = useState<SampleResponse>();
  useMountPromise(async () => {
    const response = await fetch('https://httpbin.org/json');
    setResponse(response.json());
  });
 
  ...
};

import { useUnmountPromise } from 'usepromises';
 
...
 
interface SampleResponse {
  slideshow: {
    title: string
  }
}
 
function Example() {
  useUnmountPromise(async () => {
    const response = await fetch('https://httpbin.org/json');
    console.warn('Server status code:', response.status);
  });
 
  ...
};