diff --git a/src/components/setting/setting-clash.tsx b/src/components/setting/setting-clash.tsx
index 610a23f5ca24b49cd0b95bf81aeee5c6f8d77955..e0fa9f7b189c31c0d49cc20b3ba92a7b1d1e6595 100644
--- a/src/components/setting/setting-clash.tsx
+++ b/src/components/setting/setting-clash.tsx
@@ -25,6 +25,7 @@ interface Props {
 const SettingClash = ({ onError }: Props) => {
   const { mutate } = useSWRConfig();
   const { data: clashConfig } = useSWR("getClashConfig", getClashConfig);
+  const { data: versionData } = useSWR("getVersion", getVersion);
 
   const {
     ipv6 = false,
@@ -70,12 +71,9 @@ const SettingClash = ({ onError }: Props) => {
   );
 
   // get clash core version
-  const [clashVer, setClashVer] = useState("");
-  useEffect(() => {
-    getVersion().then(({ premium, version }) => {
-      setClashVer(premium ? `${version} Premium` : version);
-    });
-  }, []);
+  const clashVer = versionData?.premium
+    ? `${versionData.version} Premium`
+    : versionData?.version || "-";
 
   return (
     <SettingList title="Clash Setting">