Time: 0:00
Test a custom input to verify an edge case (e.g. empty lists, negative numbers, duplicates).
This bug belongs to the async and race conditions pattern
A missing await, results in the wrong order, and updates that overwrite each other under load.
What went wrong: fetchName returns a promise, so names is a list of promises. typeof a promise is "object".
The fix: const names = await Promise.all(ids.map((id) => fetchName(id)));
Remember: map with an async function gives promises. Wrap it in await Promise.all(...).
The pattern behind it: async and race conditions.
Paste this into any web page or blog post. Visitors fix the bug right there, in their browser.
<iframe src="https://trybughunt.com/embed/f01605d4-bb25-48b4-a49d-0817ac88d189" title="Debugging challenge: Names list is full of promises, not text" width="100%" height="580" loading="lazy" style="border:1px solid #d4d4d8;border-radius:12px;max-width:760px"></iframe>
<p style="font-size:14px">Debugging challenge from <a href="https://trybughunt.com/challenges/f01605d4-bb25-48b4-a49d-0817ac88d189">TryBugHunt</a></p>