Query vs data loader?

const getUsers = cache(async () => {
  "use server";
  return store.users.list();
}, "users");

export const route = {
  load: () => getUsers(),
};

export default function Page() {
  const users = createAsync(() => getUsers());
//OR
// const users = trpc.getUsers.createQuery();

  return <For each={users()}>{(user) => <li>{user.name}</li>}</For>;
}

const getUsers = cache(async () => {
  "use server";
  return store.users.list();
}, "users");

export const route = {
  load: () => getUsers(),
};

export default function Page() {
  const users = createAsync(() => getUsers());
//OR
// const users = trpc.getUsers.createQuery();

  return <For each={users()}>{(user) => <li>{user.name}</li>}</For>;
}