Fix: Add optional chaining for createApplicationUserList (#231)

Author: HoonBaek

src/smart-components/ChannelList/components/utils.js

@@ -1,11 +1,14 @@
 export const createDefaultUserListQuery = ({ sdk, userFilledApplicationUserListQuery = {} }) => {
-  const params = sdk.createApplicationUserListQuery();
-  if (userFilledApplicationUserListQuery) {
-    Object.keys(userFilledApplicationUserListQuery).forEach((key) => {
-      params[key] = userFilledApplicationUserListQuery[key];
-    });
+  if (sdk?.createApplicationUserListQuery) {
+    const params = sdk?.createApplicationUserListQuery();
+    if (userFilledApplicationUserListQuery) {
+      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {
+        params[key] = userFilledApplicationUserListQuery[key];
+      });
+    }
+    return params;
   }
-  return params;
+  return null;
 };
 
 const getApplicationAttributes = (sdk = {}) => {

src/smart-components/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx

@@ -27,10 +27,12 @@ export default function InviteUsers({
 
   useEffect(() => {
     const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk?.createApplicationUserListQuery();
-    userListQuery.next().then((members) => {
-      setMembers(members);
-    });
-    setUserQuery(userListQuery);
+    if (userListQuery?.next) {
+      userListQuery.next().then((members) => {
+        setMembers(members);
+      });
+      setUserQuery(userListQuery);
+    }
   }, [sdk])
   return (
     <div>

src/smart-components/CreateChannel/components/InviteUsers/utils.ts

@@ -27,11 +27,13 @@ type CreateDefaultUserListQueryType = {
 export const createDefaultUserListQuery = (
   { sdk, userFilledApplicationUserListQuery }: CreateDefaultUserListQueryType
 ): ApplicationUserListQuery => {
-  const params = sdk.createApplicationUserListQuery();
-  if (userFilledApplicationUserListQuery) {
-    Object.keys(userFilledApplicationUserListQuery).forEach((key) => {
-      params[key] = userFilledApplicationUserListQuery[key];
-    });
+  if (sdk?.createApplicationUserListQuery) {
+    const params = sdk?.createApplicationUserListQuery();
+    if (userFilledApplicationUserListQuery) {
+      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {
+        params[key] = userFilledApplicationUserListQuery[key];
+      });
+    }
+    return params;
   }
-  return params;
 };

src/ui/MentionLabel/index.tsx

@@ -37,18 +37,19 @@ export default function MentionLabel(props: MentionLabelProps): JSX.Element {
   const [user, setUser] = useState<User| null>();
   const fetchUser = useCallback(
     (toggleDropdown) => {
-      if (user) {
+      if (user || !sdk?.createApplicationUserListQuery) {
         toggleDropdown();
+        return;
       }
-      const query = sdk.createApplicationUserListQuery({
+      const query = sdk?.createApplicationUserListQuery({
         userIdsFilter: [mentionedUserId],
       });
       query.next().then((members) => {
         if (members?.length > 0) {
           setUser(members[0]);
         }
         toggleDropdown();
-      })
+      });
     },
     [sdk, mentionedUserId],
   );