useRequestStatus.js

import {useState} from 'react';

export const requestStatus = {
  IDLE: 'IDLE',
  PENDING: 'PENDING',
  REJECTED: 'REJECTED',
  FULFILLED: 'FULFILLED',
};

export const useRequestStatus = () => {
  const [status, setRequestStatus] = useState(requestStatus.IDLE);
  
  return {
    setStatusIdle: () => setRequestStatus(requestStatus.IDLE),
    setStatusPending: () => setRequestStatus(requestStatus.PENDING),
    setStatusFulfilled: () => setRequestStatus(requestStatus.FULFILLED),
    setStatusRejected: () => setRequestStatus(requestStatus.REJECTED),
    isStatusIdle: status === requestStatus.IDLE,
    isStatusPending: status === requestStatus.PENDING,
    isStatusFulfilled: status === requestStatus.FULFILLED,
    isStatusRejected: status === requestStatus.REJECTED,
  };
};

useRequestStatus.ts

import {useState} from 'react';

export const requestStatus = {
  IDLE: 'IDLE',
  PENDING: 'PENDING',
  REJECTED: 'REJECTED',
  FULFILLED: 'FULFILLED',
} as const;

export type RequestStatus = typeof requestStatus[keyof typeof requestStatus];

export const useRequestStatus = () => {
  const [status, setRequestStatus] = useState<RequestStatus>(
    requestStatus.IDLE
  );

  return {
    setStatusIdle: () => setRequestStatus(requestStatus.IDLE),
    setStatusPending: () => setRequestStatus(requestStatus.PENDING),
    setStatusFulfilled: () => setRequestStatus(requestStatus.FULFILLED),
    setStatusRejected: () => setRequestStatus(requestStatus.REJECTED),
    isStatusIdle: status === requestStatus.IDLE,
    isStatusPending: status === requestStatus.PENDING,
    isStatusFulfilled: status === requestStatus.FULFILLED,
    isStatusRejected: status === requestStatus.REJECTED,
  };
};