Work towards removing useUsers.

src/context/intermediate/popovers/PendingRequests.tsx

@@ -1,31 +1,30 @@
+import { observer } from "mobx-react-lite";
+
 import styles from "./UserPicker.module.scss";
 import { Text } from "preact-i18n";
 
+import { User } from "../../../mobx";
+
 import Modal from "../../../components/ui/Modal";
 
 import { Friend } from "../../../pages/friends/Friend";
-import { useUsers } from "../../revoltjs/hooks";
 
 interface Props {
-    users: string[];
+    users: User[];
     onClose: () => void;
 }
 
-export function PendingRequests({ users: ids, onClose }: Props) {
-    const users = useUsers(ids);
-
+export const PendingRequests = observer(({ users, onClose }: Props) => {
     return (
         <Modal
             visible={true}
             title={<Text id="app.special.friends.pending" />}
             onClose={onClose}>
             <div className={styles.list}>
-                {users
-                    .filter((x) => typeof x !== "undefined")
-                    .map((x) => (
-                        <Friend user={x!} key={x!._id} />
-                    ))}
+                {users.map((x) => (
+                    <Friend user={x!} key={x!._id} />
+                ))}
             </div>
         </Modal>
     );
-}
+});