fix: fix access of optional parameter issue (#5266)

* fix: fix access of optional parameter issue

* fix: fix issue with no description

Co-authored-by: Subir Jolly <sjolly@influxdata.com>

Author: subirjolly

src/writeData/subscriptions/components/BrokerFormContent.tsx

@@ -114,7 +114,7 @@ const BrokerFormContent: FC<Props> = ({
               type={InputType.Text}
               placeholder="Describe this connection"
               name="description"
-              value={formContent.description}
+              value={formContent.description ?? ''}
               onChange={e =>
                 updateForm({
                   ...formContent,

src/writeData/subscriptions/components/StringParsingForm.tsx

@@ -102,10 +102,10 @@ const StringParsingForm: FC<Props> = ({formContent, updateForm, edit}) => {
         >
           <ValidationInputWithTooltip
             label="Regex Pattern to find Timestamp"
-            value={formContent.stringTimestamp.pattern}
+            value={formContent?.stringTimestamp?.pattern}
             required={false}
             validationFunc={() =>
-              !!formContent.stringTimestamp.pattern
+              !!formContent?.stringTimestamp?.pattern
                 ? handleRegexValidation(formContent.stringTimestamp.pattern)
                 : null
             }

src/writeData/subscriptions/utils/form.ts

@@ -250,7 +250,7 @@ const checkStringObjRequiredFields = (
   validateRegex(stringObjParams?.pattern)
 
 const checkStringTimestamp = (stringObjParams: StringObjectParams): boolean => {
-  if (!stringObjParams.pattern) {
+  if (!stringObjParams?.pattern) {
     return true
   }
   return validateRegex(stringObjParams.pattern)
@@ -272,7 +272,7 @@ const checkJsonObjRequiredFields = (jsonObjParams: JsonSpec): boolean =>
   validateJsonPath(jsonObjParams.path)
 
 const checkJsonTimestamp = (jsonObjParams: JsonSpec): boolean => {
-  if (!jsonObjParams.path) {
+  if (!jsonObjParams?.path) {
     return true
   }
   return validateJsonPath(jsonObjParams.path)