Learn React with TypeScript 3

Handling callback errors

In this section, we are going to explore how we can handle errors when using callback code:

1. Let's start by entering the following code in the TypeScript playground:

try { setTimeout(() => { throw new Error("Something went wrong"); }, 1000);} catch (ex) { console.log("An error has occurred", ex); }

We are again using setTimeout to experiment with callbacks. This time, we throw an error inside the callback. We are hoping to catch the error outside the callback using a try / catch around the setTimeout function.

If we run the code, we see that we don't catch the error:

2. We must handle errors within the callback. So, ...