wrap state handling in onClose

src/js/components/Beacon/BeaconErrorMessage.tsx

@@ -1,17 +1,17 @@
 import React, { Dispatch, SetStateAction } from 'react';
 import { Alert } from 'antd';
 
-const BeaconErrorMessage = ({ message, setErrorAlertClosed }: BeaconErrorMessageProps) => {
+const BeaconErrorMessage = ({ message, onClose }: BeaconErrorMessageProps) => {
   return (
     <div style={{ paddingTop: '16px' }}>
-      <Alert type={'error'} message={message} onClose={() => setErrorAlertClosed(true)} closable showIcon />
+      <Alert type={'error'} message={message} onClose={onClose} closable showIcon />
     </div>
   );
 };
 
 export interface BeaconErrorMessageProps {
   message: string;
-  setErrorAlertClosed: Dispatch<SetStateAction<boolean>>;
+  onClose: () => void;
 }
 
 export default BeaconErrorMessage;

src/js/components/Beacon/BeaconQueryUi.tsx

@@ -277,7 +277,7 @@ const BeaconQueryUi = () => {
               {showError && (
                 <BeaconErrorMessage
                   message={`${td('Beacon error')}: ${errorMessage}`}
-                  setErrorAlertClosed={setErrorAlertClosed}
+                  onClose={() => setErrorAlertClosed(true)}
                 />
               )}
               <div style={BUTTON_AREA_STYLE}>