diff --git a/web/settings/relationship/user-list-hooks.js b/web/settings/relationship/user-list-hooks.js
new file mode 100644
--- /dev/null
+++ b/web/settings/relationship/user-list-hooks.js
@@ -0,0 +1,25 @@
+// @flow
+
+import * as React from 'react';
+
+import { useENSNames } from 'lib/hooks/ens-cache.js';
+import type {
+  AccountUserInfo,
+  GlobalAccountUserInfo,
+} from 'lib/types/user-types';
+
+function useSortedENSResolvedUsers(
+  userInfos: $ReadOnlyArray<GlobalAccountUserInfo | AccountUserInfo>,
+): $ReadOnlyArray<GlobalAccountUserInfo | AccountUserInfo> {
+  const ensResolvedUsers = useENSNames(userInfos);
+
+  return React.useMemo(
+    () =>
+      ensResolvedUsers.sort((userInfo1, userInfo2) =>
+        userInfo1.username.localeCompare(userInfo2.username),
+      ),
+    [ensResolvedUsers],
+  );
+}
+
+export { useSortedENSResolvedUsers };