Fixed bugs

src/app/app.ts

@@ -66,10 +66,14 @@ export default class Enclave {
     }
 
     if (
-      this.serverList[hostname]?.publicKey !==
-      base58.encode(this.server.serverPublicKey)
+      this.serverList[hostname] &&
+      this.serverList[hostname].publicKey !==
+        base58.encode(this.server.serverPublicKey)
     ) {
-      console.error("Server's new public key doesn't match old one");
+      console.error("Server's new public key doesn't match old one", {
+        old: this.serverList[hostname].publicKey,
+        new: base58.encode(this.server.serverPublicKey),
+      });
       return;
     }
 

src/components/view/Sidebar.tsx

@@ -43,9 +43,9 @@ export function RenderCategory({ channel }: { channel: Channel }) {
 export function RenderChannels({ channels }: { channels: Channel[] }) {
   return channels.map((channel) =>
     channel.kind === "category" ? (
-      <RenderCategory channel={channel} />
+      <RenderCategory key={channel.id} channel={channel} />
     ) : (
-      <div className="w-full hover:bg-accent px-2.5 py-1.5 rounded-md flex gap-2.5 items-center select-none cursor-default text-sm text-muted-foreground">
+      <div key={channel.id} className="w-full hover:bg-accent px-2.5 py-1.5 rounded-md flex gap-2.5 items-center select-none cursor-default text-sm text-muted-foreground">
         <ChannelIcon kind={channel.kind} />
         {channel.name}
       </div>