The wrong way?

resolveApi.tsx

import { useAuth } from "../auth/hooks/useAuth";

enum XHRFailureCodes {
  AUTHENTICATION_REQUIRED = 'AUTHENTICATION_REQUIRED',
  UNAUTHORIZED_ACTION = 'UNAUTHORIZED_ACTION',
  FORM_VALIDATION_FAILED = 'FORM_VALIDATION_FAILED',
  MISSING_REQUIRED_PARAMETERS = 'MISSING_REQUIRED_PARAMETERS',
  NO_RESULTS_FOUND = 'NO_RESULTS_FOUND',
  RATE_LIMIT_EXCEEDED = 'RATE_LIMIT_EXCEEDED',
  UNKNOWN_ERROR = 'UNKNOWN_ERROR',
  ACTION_FAILED = 'ACTION_FAILED',
}

async function useGetApi(url:string){
  const { setIsAuthenticated } = useAuth();
  const response = await fetch(url, {
    method: 'GET',
    credentials: 'include',
  });
  const api = await response.json();
  if(api.success === false){
    if(api.error_type === XHRFailureCodes.AUTHENTICATION_REQUIRED){
      console.log('AUTHENTICATION_REQUIRED');
      setIsAuthenticated(false);
    }
  }
  return api;
}

async function getApi(url:string){
  const response = await fetch(url, {
    method: 'GET',
    credentials: 'include',
  });
  const api = await response.json();
  if(api.success === false){
    if(api.error_type === XHRFailureCodes.AUTHENTICATION_REQUIRED){
      console.log('AUTHENTICATION_REQUIRED');
      // TODO: maybe set the login context to not authenticated, triggering the login modal to appear
    }
  }
  return api;
}

export { getApi, useGetApi, XHRFailureCodes };