fix: render Card as div to prevent button nesting hydration errors

mihomo-party-org · Feb 4, 2025 · da3f387 · da3f387
1 parent 32d9133
commit da3f387
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/renderer/src/components/profiles/profile-item.tsx b/src/renderer/src/components/profiles/profile-item.tsx
@@ -174,6 +174,7 @@ const ProfileItem: React.FC<Props> = (props) => {
         />
       )}
       <Card
+        as="div"
         fullWidth
         isPressable
         onPress={() => {

diff --git a/src/renderer/src/components/proxies/proxy-item.tsx b/src/renderer/src/components/proxies/proxy-item.tsx
@@ -51,6 +51,7 @@ const ProxyItem: React.FC<Props> = (props) => {
 
   return (
     <Card
+      as="div"
       onPress={() => onSelect(group.name, proxy.name)}
       isPressable
       fullWidth

diff --git a/src/renderer/src/pages/proxies.tsx b/src/renderer/src/pages/proxies.tsx
@@ -329,6 +329,7 @@ const Proxies: React.FC = () => {
                   className={`w-full pt-2 ${index === groupCounts.length - 1 && !isOpen[index] ? 'pb-2' : ''} px-2`}
                 >
                   <Card
+                    as="div"
                     isPressable
                     fullWidth
                     onPress={() => {