memoize IdResolutionFeedbackComponent

Author: labkey-martyp

ehr/package-lock.json

@@ -17,7 +17,7 @@
   "dependencies": {
     "@labkey/api": "1.45.0",
     "@labkey/components": "7.13.1",
-    "@labkey/ehr": "0.0.4-fb-ehr-hist-id-search.13"
+    "@labkey/ehr": "0.0.4-fb-ehr-hist-id-search.14"
   },
   "devDependencies": {
     "@labkey/build": "8.7.0",

ehr/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labkey/ehr",
-  "version": "0.0.4-fb-ehr-hist-id-search.13",
+  "version": "0.0.4-fb-ehr-hist-id-search.14",
   "description": "Components, models, actions, and utility functions for LabKey EHR applications and pages",
   "sideEffects": false,
   "files": [

labkey-ui-ehr/package-lock.json

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC, memo } from 'react';
 
 import { IdResolutionResult } from '../models';
 
@@ -18,7 +18,7 @@ interface IdResolutionFeedbackProps {
     resolutionResult: IdResolutionResult;
 }
 
-export const IdResolutionFeedback: FC<IdResolutionFeedbackProps> = ({ resolutionResult }) => {
+const IdResolutionFeedbackComponent: FC<IdResolutionFeedbackProps> = ({ resolutionResult }) => {
     const { resolved, notFound } = resolutionResult;
 
     // Separate direct matches from alias matches
@@ -80,3 +80,7 @@ export const IdResolutionFeedback: FC<IdResolutionFeedbackProps> = ({ resolution
         </div>
     );
 };
+
+IdResolutionFeedbackComponent.displayName = 'IdResolutionFeedback';
+
+export const IdResolutionFeedback = memo(IdResolutionFeedbackComponent);