escape certain characters before searching

wax-prosemirror-components/src/components/findAndReplace/helpers.js

@@ -37,7 +37,7 @@ const findMatches = (doc, searchValue, matchCase) => {
     }
   });
   mergedTextNodes.forEach(({ text, pos }) => {
-    const search = RegExp(searchValue, matchCase ? 'gu' : 'gui');
+    const search = RegExp(escapeRegExp(searchValue), matchCase ? 'gu' : 'gui');
     let m;
     // eslint-disable-next-line no-cond-assign
     while ((m = search.exec(text))) {
@@ -54,6 +54,10 @@ const findMatches = (doc, searchValue, matchCase) => {
   return results;
 };
 
+const escapeRegExp = string => {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};
+
 const getMatchesByView = (views, searchValue, matchCase) => {
   let allResults = 0;
   each(views, (singleView, viewId) => {

wax-prosemirror-plugins/src/findAndReplace/FindAndReplacePlugin.js

@@ -42,7 +42,7 @@ const findMatches = (doc, searchValue) => {
     }
   });
   mergedTextNodes.forEach(({ text, pos }) => {
-    const search = RegExp(searchValue, matchCase ? 'gu' : 'gui');
+    const search = RegExp(escapeRegExp(searchValue), matchCase ? 'gu' : 'gui');
     let m;
     // eslint-disable-next-line no-cond-assign
     while ((m = search.exec(text))) {
@@ -59,6 +59,10 @@ const findMatches = (doc, searchValue) => {
   return results;
 };
 
+const escapeRegExp = string => {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};
+
 export default props => {
   return new Plugin({
     key: findAndReplacePlugin,