fix: menu item array error

Author: weinStag

src/dashboard/Data/Browser/BrowserToolbar.react.js

@@ -430,22 +430,23 @@ const BrowserToolbar = ({
       )}
       {enableSecurityDialog ? <div className={styles.toolbarSeparator} /> : <noscript />}
       <BrowserMenu setCurrent={setCurrent} title="Script" icon="gear-solid">
-        <MenuItem
+        {[<MenuItem
+          key="script"
           disabled={selectionLength === 0}
           text={
             selectionLength === 1 && !selection['*']
               ? 'Run script on selected row...'
               : `Run script on ${selectionLength} selected rows...`
           }
           onClick={() => onExecuteScriptRows(selection)}
-        />
+        />]}
       </BrowserMenu>
       <div className={styles.toolbarSeparator} />
       {menu}
       {editCloneRows && editCloneRows.length > 0 && <div className={styles.toolbarSeparator} />}
       {editCloneRows && editCloneRows.length > 0 && (
         <BrowserMenu title="Clone" icon="clone-icon">
-          <MenuItem text={'Cancel all pending rows'} onClick={onCancelPendingEditRows} />
+          {[<MenuItem key="cancel" text={'Cancel all pending rows'} onClick={onCancelPendingEditRows} />]}
         </BrowserMenu>
       )}
     </Toolbar>