From 51f78ae7a0fcba6a68b68a790d706abea5b6e116 Mon Sep 17 00:00:00 2001
From: samsiegart <samsiegart@gmail.com>
Date: Wed, 29 Dec 2021 12:03:07 -0800
Subject: [PATCH] fix(wallet): fix crash when deleting dapps

---
 packages/wallet/ui/src/views/Dapps.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/wallet/ui/src/views/Dapps.jsx b/packages/wallet/ui/src/views/Dapps.jsx
index b2fe8af7361..4a5a8c14b07 100644
--- a/packages/wallet/ui/src/views/Dapps.jsx
+++ b/packages/wallet/ui/src/views/Dapps.jsx
@@ -18,7 +18,7 @@ export const DappsWithoutContext = ({ dapps }) => {
 
   const remove = ({ actions }) => E(actions).delete();
 
-  const DappCard = dapp => {
+  const DappCard = ({ dapp }) => {
     const [anchorEl, setAnchorEl] = useState(null);
     const handleClick = event => {
       setAnchorEl(event.currentTarget);
@@ -29,7 +29,7 @@ export const DappsWithoutContext = ({ dapps }) => {
     const isPopoverOpen = Boolean(anchorEl);
 
     return (
-      <div className="Dapp" key={dapp.id}>
+      <div className="Dapp">
         <Card>
           <div className="DappContent">
             <IconButton
@@ -67,7 +67,8 @@ export const DappsWithoutContext = ({ dapps }) => {
     );
   };
 
-  const dappCards = (dapps && dapps.map(DappCard)) ?? (
+  const dappCards = (dapps &&
+    dapps.map(dapp => <DappCard dapp={dapp} key={dapp.id} />)) ?? (
     <CircularProgress style={{ margin: 'auto' }} />
   );