useLoaderData returns a promise. Cannot display data.

[erAnusriM]

https://github.com/erAnusriM/react_router_trial
The above is my github repository.
How do I achieve to print the list of users returned from the API in App.jsx file
When I print the value of result on console, it gives me a Response object.

[brophdawg11]

You need to unwrap the response from fetch in your loader via response.json(). Defer works with promises and returns whatever you resolve the promise with, which is why you're getting a Response instance:

function loader() { 
  const data = fetch(url).then(r => r.json());
  return defer({
    results: data,
  });
}