fix: resolve rendering issue caused by duplicate node names

src/components/proxy/provider-button.tsx

@@ -158,7 +158,7 @@ export const ProviderButton = () => {
       >
         <DialogTitle>
           <Box display="flex" justifyContent="space-between" alignItems="center">
-            <Typography variant="h6">{t("Proxy Providers")}</Typography>
+            <Typography variant="h6">{t("Proxy Provider")}</Typography>
             <Box>
               <Button
                 variant="contained"
@@ -212,7 +212,6 @@ export const ProviderButton = () => {
                         backgroundColor: bgcolor,
                         "&:hover": {
                           backgroundColor: hoverColor,
-                          borderColor: alpha(primary.main, 0.3)
                         }
                       };
                     }

src/components/proxy/use-render-list.ts

@@ -161,9 +161,9 @@ export const useRenderList = (mode: string) => {
           });
         } else if (col > 1) {
           return ret.concat(
-            groupProxies(proxies, col).map((proxyCol) => ({
+            groupProxies(proxies, col).map((proxyCol, colIndex) => ({
               type: 4,
-              key: `col-${group.name}-${proxyCol[0].name}`,
+              key: `col-${group.name}-${proxyCol[0].name}-${colIndex}`,
               group,
               headState,
               col,