Handle promise result

A promise returns data we need to render. Add a .then handler that extracts response.data, update state with the value, add a .catch that logs a clear error with context, and ensure a loading flag is set false in both success and failure paths.

Before I change the component to use the promise result, make the flow easy to review. Show where to extract response.data, how to update setState safely if the component might unmount, and provide an error message that tells a reviewer whether this failure is recoverable or not.

I added a .then to call setItems(response.data) but the list stays empty. I suspect the response shape is wrong or setState runs after unmount. I don't know which. How do I quickly tell whether response.data is empty versus setState being ignored and what minimal change unblocks the UI now?

Across projects we keep getting race conditions: components update state after unmount or assume promise shapes. I want a practical rule to avoid these bugs. Recommend one pattern for handling promises in components, one test to add to our suite to catch stale updates, and a brief PR lint item reviewers should check.