From 73a0d2c06ce7336a52588fac5780e7806c7689df Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 12 Mar 2025 08:01:39 +1000
Subject: [PATCH] fix(ui): memo WorkflowLibraryModal

---
 .../workflow/WorkflowLibrary/WorkflowLibraryModal.tsx      | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/nodes/components/sidePanel/workflow/WorkflowLibrary/WorkflowLibraryModal.tsx b/invokeai/frontend/web/src/features/nodes/components/sidePanel/workflow/WorkflowLibrary/WorkflowLibraryModal.tsx
index 084f862992..802d990d60 100644
--- a/invokeai/frontend/web/src/features/nodes/components/sidePanel/workflow/WorkflowLibrary/WorkflowLibraryModal.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/sidePanel/workflow/WorkflowLibrary/WorkflowLibraryModal.tsx
@@ -9,13 +9,14 @@ import {
   ModalOverlay,
 } from '@invoke-ai/ui-library';
 import { useWorkflowLibraryModal } from 'features/nodes/store/workflowLibraryModal';
+import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { WorkflowLibrarySideNav } from './WorkflowLibrarySideNav';
 import { WorkflowLibraryTopNav } from './WorkflowLibraryTopNav';
 import { WorkflowList } from './WorkflowList';
 
-export const WorkflowLibraryModal = () => {
+export const WorkflowLibraryModal = memo(() => {
   const { t } = useTranslation();
   const workflowLibraryModal = useWorkflowLibraryModal();
   return (
@@ -42,4 +43,6 @@ export const WorkflowLibraryModal = () => {
       </ModalContent>
     </Modal>
   );
-};
+});
+
+WorkflowLibraryModal.displayName = 'WorkflowLibraryModal';