Use a combination of id + name as keys for networks in NetworkOptions

BuidlGuidl · Sep 27, 2024 · 2933837 · 2933837
1 parent 39ac159
commit 2933837
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton/NetworkOptions.tsx b/packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton/NetworkOptions.tsx
@@ -20,7 +20,7 @@ export const NetworkOptions = ({ hidden = false }: NetworkOptionsProps) => {
       {chains
         .filter(allowedNetwork => allowedNetwork.id === mainChainId)
         .map(allowedNetwork => (
-          <li key={allowedNetwork.id} className={hidden ? "hidden" : ""}>
+          <li key={`${allowedNetwork.id}-${allowedNetwork.name}`} className={hidden ? "hidden" : ""}>
             <button
               className="menu-item btn-sm !rounded-xl flex gap-3 py-3 whitespace-nowrap"
               type="button"