noUncheckedIndexedAccess in tsconfig

src/CAREUI/interactive/HumanChart.tsx

@@ -36,7 +36,7 @@ export default function HumanBodyChart({
               >
                 {getTitle(
                   `${path.region}`.replace(
-                    new RegExp(Object.keys(HumanBodyPaths)[i], "i"),
+                    new RegExp(Object.keys(HumanBodyPaths)[i] || "", "i"),
                     "",
                   ),
                 )}

src/Providers/PatientUserProvider.tsx

@@ -50,7 +50,9 @@ export default function PatientUserProvider({ children }: Props) {
       const selectedPatient =
         userData.results.find((patient) => patient.id === localPatient?.id) ||
         userData.results[0];
-      setSelectedPatient(selectedPatient);
+      if (selectedPatient) {
+        setSelectedPatient(selectedPatient);
+      }
       localStorage.setItem("selectedPatient", JSON.stringify(selectedPatient));
     }
   }, [userData]);

src/Routers/AppRouter.tsx

@@ -65,7 +65,8 @@ const Routes: AppRoutes = {
   ...(import.meta.env.PROD ? { "/icons": () => <IconIndex /> } : {}),
 
   "/apps": () => <PlugConfigList />,
-  "/apps/plug-configs/:slug": ({ slug }) => <PlugConfigEdit slug={slug} />,
+  "/apps/plug-configs/:slug": ({ slug }) =>
+    slug ? <PlugConfigEdit slug={slug} /> : <ErrorPage />,
   "/login": () => <Redirect to="/" />,
 };
 

src/Routers/routes/ConsultationRoutes.tsx

@@ -11,15 +11,20 @@ const consultationRoutes: AppRoutes = {
   "/facility/:facilityId/encounter/:encounterId/prescriptions/print": ({
     facilityId,
     encounterId,
-  }) => <PrintPrescription facilityId={facilityId} encounterId={encounterId} />,
+  }) => (
+    <PrintPrescription
+      facilityId={facilityId || ""}
+      encounterId={encounterId || ""}
+    />
+  ),
   "/facility/:facilityId/encounter/:encounterId/:tab": ({
     facilityId,
     encounterId,
     tab,
   }) => (
     <EncounterShow
-      facilityId={facilityId}
-      encounterId={encounterId}
+      facilityId={facilityId || ""}
+      encounterId={encounterId || ""}
       tab={tab}
     />
   ),
@@ -28,57 +33,60 @@ const consultationRoutes: AppRoutes = {
     patientId,
   }) => (
     <EncounterQuestionnaire
-      facilityId={facilityId}
-      patientId={patientId}
+      facilityId={facilityId || ""}
+      patientId={patientId || ""}
       questionnaireSlug="encounter"
     />
   ),
   "/facility/:facilityId/patient/:patientId/encounter/:encounterId/edit_encounter":
     ({ facilityId, encounterId, patientId }) => (
       <EncounterQuestionnaire
-        facilityId={facilityId}
+        facilityId={facilityId || ""}
         encounterId={encounterId}
         questionnaireSlug="encounter"
-        patientId={patientId}
+        patientId={patientId || ""}
       />
     ),
   "/facility/:facilityId/patient/:patientId/questionnaire": ({
     facilityId,
     patientId,
   }) => (
     <EncounterQuestionnaire
-      facilityId={facilityId}
-      patientId={patientId}
+      facilityId={facilityId || ""}
+      patientId={patientId || ""}
       subjectType="patient"
     />
   ),
   "/facility/:facilityId/patient/:patientId/encounter/:encounterId/questionnaire":
     ({ facilityId, encounterId, patientId }) => (
       <EncounterQuestionnaire
-        facilityId={facilityId}
+        facilityId={facilityId || ""}
         encounterId={encounterId}
-        patientId={patientId}
+        patientId={patientId || ""}
       />
     ),
   "/facility/:facilityId/patient/:patientId/encounter/:encounterId/questionnaire/:slug":
     ({ facilityId, encounterId, slug, patientId }) => (
       <EncounterQuestionnaire
-        facilityId={facilityId}
+        facilityId={facilityId || ""}
         encounterId={encounterId}
         questionnaireSlug={slug}
-        patientId={patientId}
+        patientId={patientId || ""}
       />
     ),
   "/facility/:facilityId/patient/:patientId/encounter/:encounterId/questionnaire_response/:id":
     ({ patientId, id }) => (
-      <QuestionnaireResponseView responseId={id} patientId={patientId} />
+      <QuestionnaireResponseView
+        responseId={id || ""}
+        patientId={patientId || ""}
+      />
     ),
   "/facility/:facilityId/patient/:patientId/consultation/:id/consent-records":
     ({ facilityId, patientId, id }) => (
       <PatientConsentRecords
-        facilityId={facilityId}
-        patientId={patientId}
-        consultationId={id}
+        facilityId={facilityId || ""}
+        patientId={patientId || ""}
+        consultationId={id || ""}
       />
     ),
   "/facility/:facilityId/patient/:patientId/encounterId/:id/files/": ({
@@ -87,8 +95,8 @@ const consultationRoutes: AppRoutes = {
     id,
   }) => (
     <FileUploadPage
-      facilityId={facilityId}
-      patientId={patientId}
+      facilityId={facilityId || ""}
+      patientId={patientId || ""}
       encounterId={id}
       type="encounter"
     />

src/Routers/routes/FacilityRoutes.tsx

@@ -17,22 +17,22 @@ const FacilityRoutes: AppRoutes = {
     <FacilityCreate facilityId={facilityId} />
   ),
   "/facility/:facilityId": ({ facilityId }) => (
-    <FacilityHome facilityId={facilityId} />
+    <FacilityHome facilityId={facilityId || ""} />
   ),
   "/facility/:facilityId/users": ({ facilityId }) => (
-    <FacilityUsers facilityId={facilityId} />
+    <FacilityUsers facilityId={Number(facilityId) || 0} />
   ),
   "/facility/:facilityId/resource/new": ({ facilityId }) => (
-    <ResourceCreate facilityId={facilityId} />
+    <ResourceCreate facilityId={facilityId || 0} />
   ),
   "/facility/:facilityId/organization": ({ facilityId }) => (
-    <FacilityOrganizationIndex facilityId={facilityId} />
+    <FacilityOrganizationIndex facilityId={facilityId || ""} />
   ),
   "/facility/:facilityId/organization/:id": ({ facilityId, id }) => (
-    <FacilityOrganizationView facilityId={facilityId} id={id} />
+    <FacilityOrganizationView facilityId={facilityId || ""} id={id || ""} />
   ),
   "/facility/:facilityId/organization/:id/users": ({ facilityId, id }) => (
-    <FacilityOrganizationUsers facilityId={facilityId} id={id} />
+    <FacilityOrganizationUsers facilityId={facilityId || ""} id={id || ""} />
   ),
 };
 

src/Routers/routes/OrganizationRoutes.tsx

@@ -7,29 +7,46 @@ import OrganizationView from "@/pages/Organization/OrganizationView";
 
 const OrganizationRoutes: AppRoutes = {
   "/organization": () => <OrganizationIndex />,
-  "/organization/:id": ({ id }) => <OrganizationView id={id} />,
-  "/organization/:id/users": ({ id }) => <OrganizationUsers id={id} />,
-  "/organization/:id/patients": ({ id }) => <OrganizationPatients id={id} />,
-  "/organization/:id/facilities": ({ id }) => (
+  "/organization/:id": ({ id = "" }) => <OrganizationView id={id} />,
+  "/organization/:id/users": ({ id = "" }) => <OrganizationUsers id={id} />,
+  "/organization/:id/patients": ({ id = "" }) => (
+    <OrganizationPatients id={id} />
+  ),
+  "/organization/:id/facilities": ({ id = "" }) => (
     <OrganizationFacilities id={id} />
   ),
   "/organization/:navOrganizationId/children/:id": ({
     navOrganizationId,
     id,
-  }) => <OrganizationView id={id} navOrganizationId={navOrganizationId} />,
+  }) => (
+    <OrganizationView
+      id={id || ""}
+      navOrganizationId={navOrganizationId || ""}
+    />
+  ),
   "/organization/:navOrganizationId/children/:id/users": ({
     navOrganizationId,
     id,
-  }) => <OrganizationUsers id={id} navOrganizationId={navOrganizationId} />,
+  }) => (
+    <OrganizationUsers id={id || ""} navOrganizationId={navOrganizationId} />
+  ),
   "/organization/:navOrganizationId/children/:id/patients": ({
     navOrganizationId,
     id,
-  }) => <OrganizationPatients id={id} navOrganizationId={navOrganizationId} />,
+  }) => (
+    <OrganizationPatients
+      id={id || ""}
+      navOrganizationId={navOrganizationId ?? ""}
+    />
+  ),
   "/organization/:navOrganizationId/children/:id/facilities": ({
     navOrganizationId,
     id,
   }) => (
-    <OrganizationFacilities id={id} navOrganizationId={navOrganizationId} />
+    <OrganizationFacilities
+      id={id || ""}
+      navOrganizationId={navOrganizationId || ""}
+    />
   ),
 };
 

src/Routers/routes/PatientRoutes.tsx

@@ -10,38 +10,40 @@ import VerifyPatient from "@/pages/Patients/VerifyPatient";
 
 const PatientRoutes: AppRoutes = {
   "/facility/:facilityId/patients": ({ facilityId }) => (
-    <PatientIndex facilityId={facilityId} />
+    <PatientIndex facilityId={facilityId || ""} />
   ),
   "/facility/:facilityId/encounters": ({ facilityId }) => (
     <EncounterList facilityId={facilityId} />
   ),
   "/facility/:facilityId/patients/verify": ({ facilityId }) => (
-    <VerifyPatient facilityId={facilityId} />
+    <VerifyPatient facilityId={facilityId || ""} />
   ),
-  "/patient/:id": ({ id }) => <PatientHome id={id} page="demography" />,
+  "/patient/:id": ({ id }) => <PatientHome id={id || ""} page="demography" />,
   "/facility/:facilityId/patient/create": ({ facilityId }) => (
-    <PatientRegistration facilityId={facilityId} />
+    <PatientRegistration facilityId={facilityId || ""} />
   ),
   "/facility/:facilityId/patient/:id": ({ facilityId, id }) => (
-    <PatientHome facilityId={facilityId} id={id} page="demography" />
+    <PatientHome facilityId={facilityId} id={id || ""} page="demography" />
   ),
   ...patientTabs.reduce((acc: AppRoutes, tab) => {
     acc["/facility/:facilityId/patient/:id/" + tab.route] = ({
       facilityId,
       id,
-    }) => <PatientHome facilityId={facilityId} id={id} page={tab.route} />;
+    }) => (
+      <PatientHome facilityId={facilityId} id={id || ""} page={tab.route} />
+    );
     return acc;
   }, {}),
   "/facility/:facilityId/patient/:id/update": ({ facilityId, id }) => (
-    <PatientRegistration facilityId={facilityId} patientId={id} />
+    <PatientRegistration facilityId={facilityId || ""} patientId={id} />
   ),
   "/facility/:facilityId/patient/:patientId/files": ({
     facilityId,
     patientId,
   }) => (
     <FileUploadPage
-      facilityId={facilityId}
-      patientId={patientId}
+      facilityId={facilityId || ""}
+      patientId={patientId || ""}
       type="patient"
     />
   ),

src/Routers/routes/ResourceRoutes.tsx

@@ -14,8 +14,8 @@ const ResourceRoutes: AppRoutes = {
   "/resource": () => <Redirect to={`/resource/${getDefaultView()}`} />,
   "/resource/board": () => <BoardView />,
   "/resource/list": () => <ListView />,
-  "/resource/:id": ({ id }) => <ResourceDetails id={id} />,
-  "/resource/:id/update": ({ id }) => <ResourceDetailsUpdate id={id} />,
+  "/resource/:id": ({ id }) => <ResourceDetails id={id || ""} />,
+  "/resource/:id/update": ({ id }) => <ResourceDetailsUpdate id={id || ""} />,
 };
 
 export default ResourceRoutes;

src/Routers/routes/UserRoutes.tsx

@@ -10,14 +10,16 @@ const UserRoutes: AppRoutes = {
     facilityId,
     username,
     tab,
-  }) => <UserHome facilityId={facilityId} username={username} tab={tab} />,
+  }) => (
+    <UserHome facilityId={facilityId} username={username} tab={tab || ""} />
+  ),
   "/users/:username": ({ username }) => (
     <UserHome username={username} tab="profile" />
   ),
   "/users/:username/:tab": ({ username, tab }) => (
-    <UserHome username={username} tab={tab} />
+    <UserHome username={username} tab={tab || ""} />
   ),
-  "/user/:tab": ({ tab }) => <UserHome tab={tab} />,
+  "/user/:tab": ({ tab }) => <UserHome tab={tab || ""} />,
 };
 
 export default UserRoutes;

src/Routers/routes/questionnaireRoutes.tsx

@@ -6,8 +6,8 @@ import { AppRoutes } from "../AppRouter";
 
 const QuestionnaireRoutes: AppRoutes = {
   "/questionnaire": () => <QuestionnaireList />,
-  "/questionnaire/:id": ({ id }) => <QuestionnaireShow id={id} />,
-  "/questionnaire/:id/edit": ({ id }) => <QuestionnaireEditor id={id} />,
+  "/questionnaire/:id": ({ id }) => <QuestionnaireShow id={id || ""} />,
+  "/questionnaire/:id/edit": ({ id }) => <QuestionnaireEditor id={id || ""} />,
 };
 
 export default QuestionnaireRoutes;

src/Utils/AutoSave.tsx

@@ -113,7 +113,7 @@ export function DraftSection(props: {
   const saveKey = useRef(`form_draft_${window.location.pathname}`);
   const draftStarted =
     drafts.length > 0
-      ? drafts[drafts.length - 1].draft == props.formData
+      ? (drafts[drafts.length - 1]?.draft ?? {}) == props.formData
       : false;
 
   useEffect(() => {
@@ -181,7 +181,9 @@ export const RestoreDraftButton = () => {
       className="flex items-center space-x-2"
       onClick={() =>
         handleDraftSelect(
-          (draftStarted ? drafts[0] : drafts[drafts.length - 1]).draft,
+          (draftStarted
+            ? drafts[0]?.draft
+            : drafts[drafts.length - 1]?.draft) || {},
         )
       }
     >
@@ -191,8 +193,8 @@ export const RestoreDraftButton = () => {
         (
         {relativeTime(
           draftStarted
-            ? drafts[0].timestamp
-            : drafts[drafts.length - 1].timestamp,
+            ? drafts[0]?.timestamp
+            : drafts[drafts.length - 1]?.timestamp,
         )}
         )
       </span>

src/Utils/utils.ts

@@ -287,9 +287,9 @@ export const formatPhoneNumber = (phoneNumber: string) => {
     const phoneCodes: Record<string, CountryData> = phoneCodesJson;
     return (
       "+" +
-      phoneCodes[countryCode].code +
+      (phoneCodes[countryCode]?.code ?? "") +
       " " +
-      phoneNumber.slice(phoneCodes[countryCode].code.length + 1)
+      phoneNumber.slice((phoneCodes[countryCode]?.code.length ?? 0) + 1)
     );
   }
   return phoneNumber;
@@ -304,12 +304,16 @@ export const getCountryCode = (phoneNumber: string) => {
     for (let i = 0; i < phoneCodesArr.length; i++) {
       if (
         phoneNumber.startsWith(
-          phoneCodes[phoneCodesArr[i]].code.replaceAll("-", ""),
+          phoneCodesArr[i] && phoneCodes[phoneCodesArr[i] as string]?.code
+            ? phoneCodes[phoneCodesArr[i] as string]!.code.replaceAll("-", "")
+            : "",
         )
       ) {
         allMatchedCountries.push({
-          name: phoneCodesArr[i],
-          code: phoneCodes[phoneCodesArr[i]].code.replaceAll("-", ""),
+          name: phoneCodesArr[i] ?? "",
+          code:
+            phoneCodes[phoneCodesArr[i] as string]?.code.replaceAll("-", "") ??
+            "",
         });
       }
     }