A cancelable promise wrapper allows you to prevent promise handlers from executing after cancellation. This is useful for avoiding state updates in unmounted React components or canceling outdated API responses. -- ✅ Implementation -- 🧪 Example: -- ✅ Behavior: If is called before resolution, the promise rejects with . If not canceled, resolves normally. Doesn’t abort the underlying task — only prevents / from running. -- 🧠 Notes: This doesn't stop network/fetch/etc. — only suppresses result handlers . Use for cancelable fetch requests or actual task termination. -- <!-quiz-start --Q1: What does calling cancel() on a cancelable promise actually do? [ ] It immediately aborts the underlying async operation [ ] It throws an error that stops the promise execution [x] It prevents the .then() and .catch() handlers from executing normally [ ] It removes the promise from memory Q2: What happens when a cancelable promise is canceled before resolution? [ ] The promise resolves with null [ ] The original promise is destroyed [x] The promise rejects with [ ] The promise remains pending forever Q3: For truly canceling a fetch request (not just ignoring results), what should you use? [ ] Promise.cancel() [ ] clearTimeout() [x] AbortController [ ] Promise.reject() <!-quiz-end --