async fetch with types handling errors

http.ts

export interface IHttpResponse<T> extends Response {
  parsedBody?: T;
}

export const http = <T>(request: RequestInfo): Promise<IHttpResponse<T>> => {
  return new Promise((resolve, reject) => {
    let response: IHttpResponse<T>;
    fetch(request)
      .then(res => {
        response = res;
        return res.json();
      })
      .then(body => {
        if (response.ok) {
          response.parsedBody = body;
          resolve(response);
        } else {
          reject(response);
        }
      })
      .catch(err => {
        reject(err);
      });
  });
};

// example consuming code 
let response: IHttpResponse<ITodo[]>;
try {
  response = await http<ITodo[]>(
    "https://jsonplaceholder.typicode.com/todosX"
  );
  console.log("response", response);
} catch (response) {
  console.log("Error", response);
}