diff --git a/lib/handlers/user-infos-handler.react.js b/lib/handlers/user-infos-handler.react.js
new file mode 100644
index 000000000..3f9cd45eb
--- /dev/null
+++ b/lib/handlers/user-infos-handler.react.js
@@ -0,0 +1,34 @@
+// @flow
+
+import * as React from 'react';
+
+import { useSelector } from '../utils/redux-utils.js';
+import {
+  relyingOnAuthoritativeKeyserver,
+  usingCommServicesAccessToken,
+} from '../utils/services-utils.js';
+
+function UserInfosHandler(): React.Node {
+  const userInfos = useSelector(state => state.userStore.userInfos);
+
+  const userInfosWithMissingUsernames = React.useMemo(() => {
+    const entriesWithoutUsernames = Object.entries(userInfos).filter(
+      ([, value]) => !value.username,
+    );
+    return Object.fromEntries(entriesWithoutUsernames);
+  }, [userInfos]);
+
+  React.useEffect(() => {
+    if (!usingCommServicesAccessToken) {
+      return;
+    }
+    // 1. TODO: fetch usernames from identity
+
+    // 2. Fetch avatars and settings from auth keyserver
+    if (relyingOnAuthoritativeKeyserver) {
+      // TODO
+    }
+  }, [userInfosWithMissingUsernames]);
+}
+
+export { UserInfosHandler };