How can I set a timeout for fetch requests in TypeScript?

How can I set a timeout for fetch requests in TypeScript?

You can create a timeout for fetch requests by using the Promise.race method. Would you like an example?

Yes, please provide an example of how to implement that.

Sure! Here's a simple example:

function fetchWithTimeout(url: string, options: RequestInit, timeout: number) {
    return Promise.race([
        fetch(url, options),
        new Promise((_, reject) => setTimeout(() => reject(new Error('Timeout')), timeout))
    ]);
}

This function will reject if the fetch takes longer than the specified timeout.

What happens if the fetch request fails?

If the fetch request fails, it will reject the promise, and you can handle the error in a .catch block.