Como fazer uma requisição HTTP em TypeScript?

Olá a todos! Por favor, me digam como fazer corretamente uma requisição HTTP em TypeScript. Estou escrevendo uma aplicação simples para obter dados de uma API REST pública (por exemplo, JSONPlaceholder). O problema é que não entendo muito bem como tipar a resposta do servidor e qual método é melhor usar em um projeto TypeScript moderno.

Tentei usar o fetch embutido, mas me deparei com o fato de que a resposta vem como any, e o TypeScript reclama da falta de tipos. Aqui está meu código atual:

async function fetchData() {
  const response = await fetch('https://jsonplaceholder.typicode.com/posts/1');
  const data = await response.json();
  console.log(data);
}

Espero que data tenha uma estrutura específica, por exemplo: { userId: number, id: number, title: string, body: string }. Como declaro uma interface e a aplico à resposta? Preciso usar bibliotecas de terceiros como axios ou o fetch é suficiente? Existe diferença no tratamento de erros e na tipagem entre