diff --git a/src/components/views/elements/MemberEventListSummary.tsx b/src/components/views/elements/MemberEventListSummary.tsx
index 3b1557b9ad..46a27415ca 100644
--- a/src/components/views/elements/MemberEventListSummary.tsx
+++ b/src/components/views/elements/MemberEventListSummary.tsx
@@ -29,7 +29,7 @@ import defaultDispatcher from '../../../dispatcher/dispatcher';
 import { RightPanelPhases } from '../../../stores/RightPanelStorePhases';
 import { Action } from '../../../dispatcher/actions';
 import { SetRightPanelPhasePayload } from '../../../dispatcher/payloads/SetRightPanelPhasePayload';
-import { join } from '../../../utils/ReactUtils';
+import { jsxJoin } from '../../../utils/ReactUtils';
 import { EventType } from 'matrix-js-sdk/src/@types/event';
 
 const onPinnedMessagesClick = (): void => {
@@ -138,7 +138,7 @@ export default class MemberEventListSummary extends React.Component<IProps> {
             return null;
         }
 
-        return join(summaries, ", ");
+        return jsxJoin(summaries, ", ");
     }
 
     /**
diff --git a/src/utils/FormattingUtils.ts b/src/utils/FormattingUtils.ts
index 53a4adb238..b527ee7ea2 100644
--- a/src/utils/FormattingUtils.ts
+++ b/src/utils/FormattingUtils.ts
@@ -16,7 +16,7 @@ limitations under the License.
 */
 
 import { _t } from '../languageHandler';
-import { join } from './ReactUtils';
+import { jsxJoin } from './ReactUtils';
 
 /**
  * formats numbers to fit into ~3 characters, suitable for badge counts
@@ -114,9 +114,9 @@ export function formatCommaSeparatedList(items: Array<string | JSX.Element>, ite
         return items[0];
     } else if (remaining > 0) {
         items = items.slice(0, itemLimit);
-        return _t("%(items)s and %(count)s others", { items: join(items, ', '), count: remaining } );
+        return _t("%(items)s and %(count)s others", { items: jsxJoin(items, ', '), count: remaining } );
     } else {
         const lastItem = items.pop();
-        return _t("%(items)s and %(lastItem)s", { items: join(items, ', '), lastItem: lastItem });
+        return _t("%(items)s and %(lastItem)s", { items: jsxJoin(items, ', '), lastItem: lastItem });
     }
 }
diff --git a/src/utils/ReactUtils.tsx b/src/utils/ReactUtils.tsx
index 25669d2d9b..4cd2d750f3 100644
--- a/src/utils/ReactUtils.tsx
+++ b/src/utils/ReactUtils.tsx
@@ -22,7 +22,7 @@ import React from "react";
  * @param joiner the string/JSX.Element to join with
  * @returns the joined array
  */
-export function join(array: Array<string | JSX.Element>, joiner?: string | JSX.Element): JSX.Element {
+export function jsxJoin(array: Array<string | JSX.Element>, joiner?: string | JSX.Element): JSX.Element {
     const newArray = [];
     array.forEach((element, index) => {
         newArray.push(element, (index === array.length - 1) ? null : joiner);