From 7f947da1b54e52343d2567da8fedb628dd23e823 Mon Sep 17 00:00:00 2001
From: khanhtc1202 <khanhtc1202@gmail.com>
Date: Wed, 29 Jun 2022 16:41:03 +0700
Subject: [PATCH] Fix react Menu Fragment error

---
 web/src/components/application-detail-page/index.tsx          | 4 ++--
 .../application-list/application-list-item/index.tsx          | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/components/application-detail-page/index.tsx b/web/src/components/application-detail-page/index.tsx
index f45387ea74..1ceefc3e5a 100644
--- a/web/src/components/application-detail-page/index.tsx
+++ b/web/src/components/application-detail-page/index.tsx
@@ -117,12 +117,12 @@ export const ApplicationDetailPage: FC = memo(function ApplicationDetailPage() {
         {app && app.disabled ? (
           <MenuItem onClick={handleEnableClick}>Enable</MenuItem>
         ) : (
-          <>
+          <div>
             <MenuItem onClick={handleEncryptSecretClick}>
               Encrypt Secret
             </MenuItem>
             <MenuItem onClick={handleDisableClick}>Disable</MenuItem>
-          </>
+          </div>
         )}
         <MenuItem className={classes.warning} onClick={handleDeleteClick}>
           Delete
diff --git a/web/src/components/applications-page/application-list/application-list-item/index.tsx b/web/src/components/applications-page/application-list/application-list-item/index.tsx
index c1f5c9eb59..0355810947 100644
--- a/web/src/components/applications-page/application-list/application-list-item/index.tsx
+++ b/web/src/components/applications-page/application-list/application-list-item/index.tsx
@@ -264,11 +264,11 @@ export const ApplicationListItem: FC<ApplicationListItemProps> = memo(
           {app && app.disabled ? (
             <MenuItem onClick={handleEnable}>Enable</MenuItem>
           ) : (
-            <>
+            <div>
               <MenuItem onClick={handleEdit}>Edit</MenuItem>
               <MenuItem onClick={handleGenerateSecret}>Encrypt Secret</MenuItem>
               <MenuItem onClick={handleDisable}>Disable</MenuItem>
-            </>
+            </div>
           )}
           <MenuItem className={classes.warning} onClick={handleDelete}>
             Delete