chore: make eslint happy (part 1) (#4890)

src/components/setting/mods/hotkey-input.tsx

@@ -90,13 +90,11 @@ export const HotkeyInput = (props: Props) => {
 
         <div className="list">
           {keys.map((key, index) => (
-            <Box display="flex">
+            <Box display="flex" key={key}>
               <span className="delimiter" hidden={index === 0}>
                 +
               </span>
-              <div key={key} className="item">
-                {key}
-              </div>
+              <div className="item">{key}</div>
             </Box>
           ))}
         </div>

src/components/setting/setting-verge-advanced.tsx

@@ -59,13 +59,13 @@ const SettingVergeAdvanced = ({ onError: _ }: Props) => {
   const onExportDiagnosticInfo = useCallback(async () => {
     await exportDiagnosticInfo();
     showNotice("success", t("Copy Success"), 1000);
-  }, []);
+  }, [t]);
 
   const copyVersion = useCallback(() => {
     navigator.clipboard.writeText(`v${version}`).then(() => {
       showNotice("success", t("Version copied to clipboard"), 1000);
     });
-  }, [version, t]);
+  }, [t]);
 
   return (
     <SettingList title={t("Verge Advanced Setting")}>

src/components/setting/setting-verge-basic.tsx

@@ -77,7 +77,7 @@ const SettingVergeBasic = ({ onError }: Props) => {
   const onCopyClashEnv = useCallback(async () => {
     await copyClashEnv();
     showNotice("success", t("Copy Success"), 1000);
-  }, []);
+  }, [t]);
 
   return (
     <SettingList title={t("Verge Basic Setting")}>