From 49e4fef037387941935167a8cea92006ff3b5e65 Mon Sep 17 00:00:00 2001
From: Nickii Miaro <miaronkirote@gmail.com>
Date: Thu, 20 Jul 2023 18:59:25 +0300
Subject: [PATCH] Update .storybook/components/ElementNamer.jsx

Co-authored-by: Gavin Barron <gavinbarron@microsoft.com>
---
 .storybook/components/ElementNamer.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.storybook/components/ElementNamer.jsx b/.storybook/components/ElementNamer.jsx
index df752759f0..2352b9f86a 100644
--- a/.storybook/components/ElementNamer.jsx
+++ b/.storybook/components/ElementNamer.jsx
@@ -18,7 +18,7 @@ export const TableNamer = ({ names }) => {
 
 export const CopyButtonNamer = ({ names }) => {
   useEffect(() => {
-    window.addEventListener('load', () => {
+    const onWindowLoadHander = () => {
       const buttons = document.getElementsByClassName('css-3ltsna');
       if (buttons.length !== names.length) {
         console.error(
@@ -30,6 +30,8 @@ export const CopyButtonNamer = ({ names }) => {
         buttons[i].setAttribute('aria-label', names[i]);
       }
     });
+    window.addEventListener('load', onWindowLoadHander);
+    return () => window.removeEventListener('load', onWindowLoadHander);
   }, [names]);
   return <></>;
 };