fix: special character in mentioned user name causes crash (#2229)

GetStream · Sep 13, 2023 · 1144c5b · 1144c5b
1 parent 4449c1d
commit 1144c5b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/package/src/components/ChannelPreview/hooks/useLatestMessagePreview.ts b/package/src/components/ChannelPreview/hooks/useLatestMessagePreview.ts
@@ -61,8 +61,11 @@ const getMentionUsers = <
       }
       return acc;
     }, '');
-    return mentionUserString;
+
+    // escape special characters
+    return mentionUserString.replaceAll(/[.*+?^${}()|[\]\\]/g, '\\$&');
   }
+
   return '';
 };
 

diff --git a/package/src/components/Message/MessageSimple/utils/renderText.tsx b/package/src/components/Message/MessageSimple/utils/renderText.tsx
@@ -210,7 +210,7 @@ export const renderText = <
         if (userName) {
           acc += `${acc.length ? '|' : ''}@${userName}`;
         }
-        return acc;
+        return acc.replaceAll(/[.*+?^${}()|[\]\\]/g, '\\$&');
       }, '')
     : '';