Make tsconfig more strict

packages/smart-forms-renderer/src/components/FormComponents/AttachmentItem/AttachmentItem.tsx

@@ -54,9 +54,9 @@ function AttachmentItem(props: AttachmentItemProps) {
   const readOnly = useReadOnly(qItem, parentIsReadOnly);
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   let valueString = '';
-  if (qrItem?.answer && qrItem?.answer[0].valueString) {
+  if (qrItem?.answer && qrItem?.answer[0]?.valueString) {
     valueString = qrItem.answer[0].valueString;
   }
 

packages/smart-forms-renderer/src/components/FormComponents/BooleanItem/BooleanItem.tsx

@@ -49,7 +49,7 @@ function BooleanItem(props: BooleanItemProps) {
   const readOnly = useReadOnly(qItem, parentIsReadOnly);
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   let valueBoolean: boolean | undefined = undefined;
   if (qrItem?.answer?.[0]?.valueBoolean !== undefined) {
     valueBoolean = qrItem.answer[0].valueBoolean;

packages/smart-forms-renderer/src/components/FormComponents/ChoiceItems/ChoiceAutocompleteItem.tsx

@@ -49,12 +49,12 @@ function ChoiceAutocompleteItem(props: ChoiceAutocompleteItemProps) {
   const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrChoice = qrItem ?? createEmptyQrItem(qItem, answerKey);
 
   let valueCoding: Coding | undefined;
   if (qrChoice.answer) {
-    valueCoding = qrChoice.answer[0].valueCoding;
+    valueCoding = qrChoice.answer[0]?.valueCoding;
   }
 
   const readOnly = useReadOnly(qItem, parentIsReadOnly);

packages/smart-forms-renderer/src/components/FormComponents/ChoiceItems/ChoiceCheckboxAnswerOptionItem.tsx

@@ -55,7 +55,7 @@ function ChoiceCheckboxAnswerOptionItem(props: ChoiceCheckboxAnswerOptionItemPro
   const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrChoiceCheckbox = qrItem ?? createEmptyQrItem(qItem, answerKey);
   const answers = qrChoiceCheckbox.answer ?? [];
 

packages/smart-forms-renderer/src/components/FormComponents/ChoiceItems/ChoiceCheckboxAnswerValueSetItem.tsx

@@ -57,7 +57,7 @@ function ChoiceCheckboxAnswerValueSetItem(props: ChoiceCheckboxAnswerValueSetIte
   const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrChoiceCheckbox = qrItem ?? createEmptyQrItem(qItem, answerKey);
   const answers = qrChoiceCheckbox.answer ?? [];
 

packages/smart-forms-renderer/src/components/FormComponents/ChoiceItems/ChoiceRadioAnswerOptionItem.tsx

@@ -52,7 +52,7 @@ function ChoiceRadioAnswerOptionItem(props: ChoiceRadioAnswerOptionItemProps) {
   const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrChoice = qrItem ?? createEmptyQrItem(qItem, answerKey);
   const valueChoice = getQrChoiceValue(qrChoice);
 

packages/smart-forms-renderer/src/components/FormComponents/ChoiceItems/ChoiceRadioAnswerValueSetItem.tsx

@@ -48,12 +48,12 @@ function ChoiceRadioAnswerValueSetItem(props: ChoiceRadioAnswerValueSetItemProps
   const readOnly = useReadOnly(qItem, parentIsReadOnly);
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrChoiceRadio = qrItem ?? createEmptyQrItem(qItem, answerKey);
 
   let valueRadio: string | null = null;
   if (qrChoiceRadio.answer) {
-    valueRadio = qrChoiceRadio.answer[0].valueCoding?.code ?? null;
+    valueRadio = qrChoiceRadio.answer[0]?.valueCoding?.code ?? null;
   }
 
   // Get codings/options from valueSet

packages/smart-forms-renderer/src/components/FormComponents/ChoiceItems/ChoiceSelectAnswerOptionItem.tsx

@@ -53,7 +53,7 @@ function ChoiceSelectAnswerOptionItem(props: ChoiceSelectAnswerOptionItemProps)
   const readOnly = useReadOnly(qItem, parentIsReadOnly);
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrChoice = qrItem ?? createEmptyQrItem(qItem, answerKey);
   const valueChoice = getQrChoiceValue(qrChoice);
 

packages/smart-forms-renderer/src/components/FormComponents/ChoiceItems/ChoiceSelectAnswerValueSetItem.tsx

@@ -51,12 +51,12 @@ function ChoiceSelectAnswerValueSetItem(props: ChoiceSelectAnswerValueSetItemPro
   const readOnly = useReadOnly(qItem, parentIsReadOnly);
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrChoiceSelect = qrItem ?? createEmptyQrItem(qItem, answerKey);
 
   let valueCoding: Coding | null = null;
   if (qrChoiceSelect.answer) {
-    valueCoding = qrChoiceSelect.answer[0].valueCoding ?? null;
+    valueCoding = qrChoiceSelect.answer[0]?.valueCoding ?? null;
   }
 
   // Get codings/options from valueSet
@@ -74,7 +74,7 @@ function ChoiceSelectAnswerValueSetItem(props: ChoiceSelectAnswerValueSetItemPro
   //       but will fail if answer provided is not within options
   useEffect(
     () => {
-      if (qrChoiceSelect.answer && qrChoiceSelect.answer[0].valueString) {
+      if (qrChoiceSelect.answer && qrChoiceSelect.answer[0]?.valueString) {
         onQrItemChange(createEmptyQrItem(qItem, answerKey));
       }
     },

packages/smart-forms-renderer/src/components/FormComponents/DateTimeItems/CustomDateItem/CustomDateItem.tsx

@@ -56,14 +56,14 @@ function CustomDateItem(props: CustomDateItemProps) {
   const { displayPrompt, entryFormat } = useRenderingExtensions(qItem);
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrDate = qrItem ?? createEmptyQrItem(qItem, answerKey);
 
   let valueDate: string = '';
   if (qrDate.answer) {
-    if (qrDate.answer[0].valueDate) {
+    if (qrDate.answer[0]?.valueDate) {
       valueDate = qrDate.answer[0].valueDate;
-    } else if (qrDate.answer[0].valueDateTime) {
+    } else if (qrDate.answer[0]?.valueDateTime) {
       valueDate = qrDate.answer[0].valueDateTime;
     }
   }

packages/smart-forms-renderer/src/components/FormComponents/DateTimeItems/CustomDateTimeItem/CustomDateTimeItem.tsx

@@ -63,22 +63,22 @@ function CustomDateTimeItem(props: CustomDateTimeItemProps) {
   const { displayPrompt, entryFormat } = useRenderingExtensions(qItem);
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrDateTime = qrItem ?? createEmptyQrItem(qItem, answerKey);
 
   let valueDate: string = '';
   let dateTimeDayJs: Dayjs | null = null;
   if (qrDateTime.answer) {
     let tempDateTime = '';
-    if (qrDateTime.answer[0].valueDate) {
-      tempDateTime = qrDateTime.answer[0].valueDate;
-    } else if (qrDateTime.answer[0].valueDateTime) {
-      tempDateTime = qrDateTime.answer[0].valueDateTime;
+    if (qrDateTime.answer[0]?.valueDate) {
+      tempDateTime = qrDateTime.answer[0]?.valueDate;
+    } else if (qrDateTime.answer[0]?.valueDateTime) {
+      tempDateTime = qrDateTime.answer[0]?.valueDateTime;
     }
 
     // split date and time at "T", 2015-02-07T13:28:17-05:00
     if (tempDateTime.includes('T')) {
-      valueDate = tempDateTime.split('T')[0];
+      valueDate = tempDateTime.split('T')[0] ?? '';
       dateTimeDayJs = dayjs(tempDateTime);
     } else {
       valueDate = tempDateTime;

packages/smart-forms-renderer/src/components/FormComponents/DateTimeItems/utils/parseDate.ts

@@ -48,6 +48,10 @@ export function validateDateInput(input: string) {
     return false;
   }
 
+  if (!matches[1] || !matches[2]) {
+    return false;
+  }
+
   // Handle MM/YYYY format
   if (matches.length === 2) {
     return validateTwoMatches(matches[0], matches[1]);

packages/smart-forms-renderer/src/components/FormComponents/DateTimeItems/utils/parseTime.ts

@@ -33,7 +33,7 @@ export function getTimeSegments(timeInput: string): {
     return { hourSegment: null, minuteSegment: null };
   }
 
-  return { hourSegment: timeInputSegments[0], minuteSegment: timeInputSegments[1] };
+  return { hourSegment: timeInputSegments[0] ?? null, minuteSegment: timeInputSegments[1] ?? null };
 }
 
 export function validateTimeInput(
@@ -102,7 +102,7 @@ export function parseDateTimeToDisplayTime(dateTime: Dayjs | null): {
 
 function convertTo12HourFormat(timeInput: string) {
   const timeSegments = timeInput.split(':');
-  const hour = parseInt(timeSegments[0], 10);
+  const hour = parseInt(timeSegments[0] ?? '', 10) || 0;
   if (hour >= 12) {
     timeSegments[0] = `${hour - 12}`;
   }

packages/smart-forms-renderer/src/components/FormComponents/DecimalItem/DecimalItem.tsx

@@ -61,15 +61,15 @@ function DecimalItem(props: DecimalItemProps) {
   const { displayUnit, displayPrompt, entryFormat } = useRenderingExtensions(qItem);
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   let valueDecimal = 0.0;
   let initialInput = '';
   if (qrItem?.answer) {
-    if (qrItem?.answer[0].valueDecimal) {
+    if (qrItem?.answer[0]?.valueDecimal) {
       valueDecimal = qrItem.answer[0].valueDecimal;
     }
 
-    if (qrItem?.answer[0].valueInteger) {
+    if (qrItem?.answer[0]?.valueInteger) {
       valueDecimal = qrItem.answer[0].valueInteger;
     }
 

packages/smart-forms-renderer/src/components/FormComponents/GridGroup/GridGroup.tsx

@@ -63,7 +63,7 @@ function GridGroup(props: GridGroupProps) {
   const qItemsIndexMap = useMemo(() => mapQItemsIndex(qItem), [qItem]);
 
   const columnLabels: string[] = useMemo(
-    () => qRowItems?.[0].item?.map((firstItem) => firstItem.text ?? ' ') ?? [],
+    () => qRowItems?.[0]?.item?.map((firstItem) => firstItem.text ?? ' ') ?? [],
     [qRowItems]
   );
 

packages/smart-forms-renderer/src/components/FormComponents/IntegerItem/IntegerItem.tsx

@@ -55,15 +55,15 @@ function IntegerItem(props: IntegerItemProps) {
   const { displayUnit, displayPrompt, entryFormat } = useRenderingExtensions(qItem);
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   let valueInteger = 0;
   let initialInput = '';
   if (qrItem?.answer) {
-    if (qrItem?.answer[0].valueInteger) {
+    if (qrItem?.answer[0]?.valueInteger) {
       valueInteger = qrItem.answer[0].valueInteger;
     }
 
-    if (qrItem?.answer[0].valueDecimal) {
+    if (qrItem?.answer[0]?.valueDecimal) {
       valueInteger = Math.round(qrItem.answer[0].valueDecimal);
     }
 

packages/smart-forms-renderer/src/components/FormComponents/OpenChoiceItems/OpenChoiceAutocompleteItem.tsx

@@ -51,14 +51,14 @@ function OpenChoiceAutocompleteItem(props: OpenChoiceAutocompleteItemProps) {
 
   const readOnly = useReadOnly(qItem, parentIsReadOnly);
 
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrOpenChoice = qrItem ?? createEmptyQrItem(qItem, answerKey);
 
   // Init input value
   let valueAutocomplete: Coding | string | undefined;
   if (qrOpenChoice.answer) {
     const answer = qrOpenChoice.answer[0];
-    valueAutocomplete = answer.valueCoding ? answer.valueCoding : answer.valueString;
+    valueAutocomplete = answer?.valueCoding ? answer.valueCoding : answer?.valueString;
   }
 
   if (!valueAutocomplete) {

packages/smart-forms-renderer/src/components/FormComponents/OpenChoiceItems/OpenChoiceCheckboxAnswerOptionItem.tsx

@@ -60,7 +60,7 @@ function OpenChoiceCheckboxAnswerOptionItem(props: OpenChoiceCheckboxAnswerOptio
   const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrOpenChoiceCheckbox = qrItem ?? createEmptyQrItem(qItem, answerKey);
   const answers = qrOpenChoiceCheckbox.answer ?? [];
 

packages/smart-forms-renderer/src/components/FormComponents/OpenChoiceItems/OpenChoiceCheckboxAnswerValueSetItem.tsx

@@ -61,7 +61,7 @@ function OpenChoiceCheckboxAnswerValueSetItem(props: OpenChoiceCheckboxAnswerVal
   const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrOpenChoiceCheckbox = qrItem ?? createEmptyQrItem(qItem, answerKey);
   const answers = qrOpenChoiceCheckbox.answer ?? [];
 

packages/smart-forms-renderer/src/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerOptionItem.tsx

@@ -46,7 +46,7 @@ function OpenChoiceRadioAnswerOptionItem(props: OpenChoiceRadioAnswerOptionItemP
   const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
 
   // Init answers
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrOpenChoiceRadio = qrItem ?? createEmptyQrItem(qItem, answerKey);
   let valueRadio: string | null = getQrChoiceValue(qrOpenChoiceRadio, true);
   const answers = qrOpenChoiceRadio.answer ?? [];

packages/smart-forms-renderer/src/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerValueSetItem.tsx

@@ -51,7 +51,7 @@ function OpenChoiceRadioAnswerValueSetItem(props: OpenChoiceRadioAnswerValueSetI
   const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
 
   // Init answers
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrOpenChoiceRadio = qrItem ?? createEmptyQrItem(qItem, answerKey);
   let valueRadio: string | null = getQrChoiceValue(qrOpenChoiceRadio, true);
   const answers = qrOpenChoiceRadio.answer ?? [];

packages/smart-forms-renderer/src/components/FormComponents/OpenChoiceItems/OpenChoiceSelectAnswerOptionItem.tsx

@@ -51,7 +51,7 @@ function OpenChoiceSelectAnswerOptionItem(props: OpenChoiceSelectAnswerOptionIte
   const readOnly = useReadOnly(qItem, parentIsReadOnly);
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const answerOptions = qItem.answerOption;
   if (!answerOptions) return null;
 

packages/smart-forms-renderer/src/components/FormComponents/OpenChoiceItems/OpenChoiceSelectAnswerValueSetItem.tsx

@@ -48,12 +48,12 @@ function OpenChoiceSelectAnswerValueSetItem(props: OpenChoiceSelectAnswerValueSe
   const readOnly = useReadOnly(qItem, parentIsReadOnly);
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   const qrOpenChoice = qrItem ?? createEmptyQrItem(qItem, answerKey);
 
   let valueSelect: Coding | null = null;
   if (qrOpenChoice['answer']) {
-    valueSelect = qrOpenChoice['answer'][0].valueCoding ?? null;
+    valueSelect = qrOpenChoice['answer'][0]?.valueCoding ?? null;
   }
 
   // Get codings/options from valueSet

packages/smart-forms-renderer/src/components/FormComponents/QuantityItem/QuantityItem.tsx

@@ -62,14 +62,14 @@ function QuantityItem(props: QuantityItemProps) {
   );
 
   // Init inputs
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   let valueQuantity: Quantity = {};
   let initialValueInput = '';
   let initialComparatorInput: Quantity['comparator'] | null = null;
   let initialUnitInput: QuestionnaireItemAnswerOption | null =
     quantityUnit ?? unitOptions?.at(0) ?? null;
   if (qrItem?.answer) {
-    if (qrItem?.answer[0].valueQuantity) {
+    if (qrItem?.answer[0]?.valueQuantity) {
       valueQuantity = qrItem.answer[0].valueQuantity;
     }
 

packages/smart-forms-renderer/src/components/FormComponents/RepeatGroup/RepeatGroup.tsx

@@ -65,8 +65,9 @@ function RepeatGroup(props: RepeatGroupProps) {
   function handleAnswerChange(newQrItem: QuestionnaireResponseItem, index: number) {
     const updatedRepeatGroups = [...repeatGroups];
 
-    if (newQrItem.item) {
-      updatedRepeatGroups[index].qrItem = {
+    const updatedRepeatGroup = updatedRepeatGroups[index];
+    if (newQrItem.item && updatedRepeatGroup) {
+      updatedRepeatGroup.qrItem = {
         linkId: newQrItem.linkId,
         text: newQrItem.text,
         item: newQrItem.item

packages/smart-forms-renderer/src/components/FormComponents/RepeatItem/RepeatItem.tsx

@@ -61,7 +61,7 @@ function RepeatItem(props: RepeatItemProps) {
   // Event Handlers
   function handleAnswerChange(newQrItem: QuestionnaireResponseItem, index: number) {
     const updatedRepeatAnswers = [...repeatAnswers];
-    updatedRepeatAnswers[index] = newQrItem.answer ? newQrItem.answer[0] : null;
+    updatedRepeatAnswers[index] = newQrItem.answer ? newQrItem.answer[0] ?? null : null;
 
     onQrItemChange({
       ...createEmptyQrItem(qItem, undefined),

packages/smart-forms-renderer/src/components/FormComponents/SliderItem/SliderItem.tsx

@@ -52,13 +52,13 @@ function SliderItem(props: SliderItemProps) {
   const isInteracted = !!qrItem?.answer;
 
   // Init input value
-  const answerKey = qrItem?.answer?.[0].id;
+  const answerKey = qrItem?.answer?.[0]?.id;
   let valueInteger = 0;
   if (qrItem?.answer) {
-    if (qrItem?.answer[0].valueInteger) {
+    if (qrItem?.answer[0]?.valueInteger) {
       valueInteger = qrItem.answer[0].valueInteger;
     }
-    if (qrItem?.answer[0].valueDecimal) {
+    if (qrItem?.answer[0]?.valueDecimal) {
       valueInteger = Math.round(qrItem.answer[0].valueDecimal);
     }
   }