diff --git a/src/Awareness/Avatars/index.tsx b/src/Awareness/Avatars/index.tsx
index 65250714..4f50086a 100644
--- a/src/Awareness/Avatars/index.tsx
+++ b/src/Awareness/Avatars/index.tsx
@@ -39,7 +39,7 @@ const Avatars = memo(() => {
   return (
     <A.Group>
       {awarenessStates?.filter(Boolean).map(({ user, active }, index) => (
-        <AvatarWrapper active={active} key={`${user.id}-${index}`} {...user} />
+        <AvatarWrapper active={active} key={`${user?.id}-${index}`} {...user} />
       ))}
     </A.Group>
   );