Escape Regex characters when generating patterns

src/views/SignUpPage/FormUtils.tsx

@@ -2,6 +2,7 @@
 import { Question } from "@components/SignupQuestionsWidget";
 import { SignupForm } from "@models/SignupForm";
 import { EMAIL_REGEX } from "@utils/regexes";
+import escapeRegExp from "lodash/escapeRegExp";
 
 const questionToUISchemaProp = (question: Question): {} => {
   let obj = {};
@@ -52,7 +53,7 @@ const questionToValidationSchema = (question: Question) => {
     obj = {
       type: "string",
       title: question.name,
-      pattern: question.options.map(x => `^${x}$`).join("|"),
+      pattern: question.options.map(x => `^${escapeRegExp(x)}$`).join("|"),
       enum: question.options,
     }
   }
@@ -65,7 +66,7 @@ const questionToValidationSchema = (question: Question) => {
       items: {
         type: "string",
         enum: question.options,
-        pattern: question.options.map(x => `^${x}$`).join("|"),
+        pattern: question.options.map(x => `^${escapeRegExp(x)}$`).join("|"),
       },
     }
   }