@openmrs/esm-react-utils 5.3.3-pre.1352 → 5.3.3-pre.1353

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-react-utils",
-  "version": "5.3.3-pre.1352",
+  "version": "5.3.3-pre.1353",
   "license": "MPL-2.0",
   "description": "React utilities for OpenMRS.",
   "browser": "dist/openmrs-esm-react-utils.js",
@@ -57,12 +57,12 @@
     "swr": "2.x"
   },
   "devDependencies": {
-    "@openmrs/esm-api": "5.3.3-pre.1352",
-    "@openmrs/esm-config": "5.3.3-pre.1352",
-    "@openmrs/esm-error-handling": "5.3.3-pre.1352",
-    "@openmrs/esm-extensions": "5.3.3-pre.1352",
-    "@openmrs/esm-feature-flags": "5.3.3-pre.1352",
-    "@openmrs/esm-globals": "5.3.3-pre.1352",
+    "@openmrs/esm-api": "5.3.3-pre.1353",
+    "@openmrs/esm-config": "5.3.3-pre.1353",
+    "@openmrs/esm-error-handling": "5.3.3-pre.1353",
+    "@openmrs/esm-extensions": "5.3.3-pre.1353",
+    "@openmrs/esm-feature-flags": "5.3.3-pre.1353",
+    "@openmrs/esm-globals": "5.3.3-pre.1353",
     "dayjs": "^1.10.8",
     "i18next": "^21.10.0",
     "react": "^18.1.0",

package/src/useAssignedExtensions.ts

@@ -1,8 +1,6 @@
 /** @module @category Extension */
-import { useEffect, useState } from 'react';
-import type { AssignedExtension, ExtensionStore } from '@openmrs/esm-extensions';
-import { getExtensionStore } from '@openmrs/esm-extensions';
-import isEqual from 'lodash-es/isEqual';
+import { useMemo } from 'react';
+import { useExtensionStore } from './useExtensionStore';
 
 /**
  * Gets the assigned extensions for a given extension slot name.
@@ -10,18 +8,11 @@ import isEqual from 'lodash-es/isEqual';
  * @param slotName The name of the slot to get the assigned extensions for.
  */
 export function useAssignedExtensions(slotName: string) {
-  const [extensions, setExtensions] = useState<Array<AssignedExtension>>([]);
+  const { slots } = useExtensionStore();
 
-  useEffect(() => {
-    function update(state: ExtensionStore) {
-      const newExtensions = state.slots[slotName]?.assignedExtensions ?? [];
-      if (!isEqual(newExtensions, extensions)) {
-        setExtensions(newExtensions);
-      }
-    }
-    update(getExtensionStore().getState());
-    return getExtensionStore().subscribe(update);
-  }, [slotName, extensions]);
+  const extensions = useMemo(() => {
+    return slots[slotName]?.assignedExtensions ?? [];
+  }, [slots, slotName]);
 
   return extensions;
 }