From 87762e9a93ce6f926e6da0b962ac2231b56f79ca Mon Sep 17 00:00:00 2001
From: Nitish sharma <75838617+Nitz2611@users.noreply.github.com>
Date: Thu, 7 Mar 2024 01:51:02 +0530
Subject: [PATCH] fix(ui-components): replace ?? with the || operator in
 CloseButton (#53990)

---
 .../ui-components/src/close-button/close-button.stories.tsx  | 5 +----
 tools/ui-components/src/close-button/close-button.tsx        | 2 +-
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/tools/ui-components/src/close-button/close-button.stories.tsx b/tools/ui-components/src/close-button/close-button.stories.tsx
index 17e9440a22a..47d41ae5d6a 100644
--- a/tools/ui-components/src/close-button/close-button.stories.tsx
+++ b/tools/ui-components/src/close-button/close-button.stories.tsx
@@ -9,10 +9,7 @@ const story = {
 type Story = StoryObj<typeof CloseButton>;
 
 export const Basic: Story = {
-  args: {
-    className: '',
-    label: ''
-  }
+  args: {}
 };
 
 export default story;
diff --git a/tools/ui-components/src/close-button/close-button.tsx b/tools/ui-components/src/close-button/close-button.tsx
index 1fad35fae59..62963982a60 100644
--- a/tools/ui-components/src/close-button/close-button.tsx
+++ b/tools/ui-components/src/close-button/close-button.tsx
@@ -48,7 +48,7 @@ export function CloseButton({
 
   return (
     <button className={classes} onClick={onClick} type='button'>
-      <span className='sr-only'>{label ?? 'Close'}</span>
+      <span className='sr-only'>{label || 'Close'}</span>
       <span aria-hidden>×</span>
     </button>
   );