chore: Determine whether FALLBACK is optional based on the core

1 files changed, 9 insertions, 1 deletions

diff --git a/src/components/proxies/ProxyGroup.tsx b/src/components/proxies/ProxyGroup.tsx
index c835d7e..8998f27 100644
--- a/src/components/proxies/ProxyGroup.tsx
+++ b/src/components/proxies/ProxyGroup.tsx
@@ -1,5 +1,8 @@
 import * as React from 'react';
 import { Zap } from 'react-feather';
+import { useQuery } from 'react-query';
+
+import { fetchVersion } from '$src/api/version';
 
 import {
   getCollapsibleIsOpen,
@@ -16,6 +19,7 @@ import { ProxyList, ProxyListSummaryView } from './ProxyList';
 
 const { createElement, useCallback, useMemo, useState } = React;
 
+
 function ZapWrapper() {
   return (
     <div className={s0.zapWrapper}>
@@ -45,7 +49,11 @@ function ProxyGroupImpl({
     proxies
   );
 
-  const isSelectable = useMemo(() => ['Selector', 'Fallback'].includes(type) , [type]);
+  const { data: version } = useQuery(['/version', apiConfig], () =>
+    fetchVersion('/version',apiConfig)
+  );
+
+  const isSelectable = useMemo(() => ['Selector', version.meta && 'Fallback'].includes(type) , [type]);
 
   const {
     app: { updateCollapsibleIsOpen },