Update use visit hook to support loading status (#450)

Author: donaldkibet

packages/framework/esm-framework/docs/API.md

@@ -1318,7 +1318,7 @@ Object {`error` `isValidating`, `currentVisit`, `mutate`}
 
 #### Defined in
 
-[packages/framework/esm-react-utils/src/useVisit.ts:27](https://github.com/openmrs/openmrs-esm-core/blob/master/packages/framework/esm-react-utils/src/useVisit.ts#L27)
+[packages/framework/esm-react-utils/src/useVisit.ts:29](https://github.com/openmrs/openmrs-esm-core/blob/master/packages/framework/esm-react-utils/src/useVisit.ts#L29)
 
 ___
 

packages/framework/esm-react-utils/src/useVisit.ts

@@ -7,6 +7,7 @@ import {
 import useSWR from "swr";
 import dayjs from "dayjs";
 import isToday from "dayjs/plugin/isToday";
+import { useMemo } from "react";
 
 dayjs.extend(isToday);
 
@@ -15,6 +16,7 @@ interface VisitReturnType {
   mutate: () => void;
   isValidating: boolean;
   currentVisit: Visit | null;
+  isLoading: boolean;
 }
 
 /**
@@ -34,11 +36,20 @@ export function useVisit(patientUuid: string): VisitReturnType {
     openmrsFetch
   );
 
-  const currentVisit =
-    data?.data.results.find(
-      (visit) =>
-        visit.stopDatetime === null && dayjs(visit.startDatetime).isToday()
-    ) ?? null;
+  const currentVisit = useMemo(
+    () =>
+      data?.data.results.find(
+        (visit) =>
+          visit.stopDatetime === null && dayjs(visit.startDatetime).isToday()
+      ) ?? null,
+    [data?.data.results]
+  );
 
-  return { error, mutate, isValidating, currentVisit };
+  return {
+    error,
+    mutate,
+    isValidating,
+    currentVisit,
+    isLoading: !data && !error,
+  };
 }