How do I handle different response types in TypeScript with fetch?

How do I handle different response types in TypeScript with fetch?

You can use TypeScript's type assertions to handle different response types. For example, you can define an interface for your expected response.

Can you show me an example of how to do that?

Sure! Here's a simple example:

interface ApiResponse {
  data: string;
  success: boolean;
}

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then((data: ApiResponse) => {
    if (data.success) {
      console.log(data.data);
    }
  });

What if the response is not in JSON format?

In that case, you can use response.text() or response.blob() depending on the content type. Just make sure to handle the response accordingly.