Make the linter happy.

src/components/navigation/left/HomeSidebar.tsx

@@ -148,6 +148,7 @@ const HomeSidebar = observer((props: Props) => {
 
                     return (
                         <ConditionalLink
+                            key={x.channel._id}
                             active={x.channel._id === channel}
                             to={`/channel/${x.channel._id}`}>
                             <ChannelButton

src/components/navigation/left/ServerListSidebar.tsx

@@ -279,6 +279,7 @@ export const ServerListSidebar = observer(({ unreads, lastOpened }: Props) => {
 
                     return (
                         <ConditionalLink
+                            key={entry.server._id}
                             active={active}
                             to={`/server/${entry.server._id}${
                                 id ? `/channel/${id}` : ""

src/components/navigation/left/ServerSidebar.tsx

@@ -7,11 +7,11 @@ import { useEffect } from "preact/hooks";
 
 import ConditionalLink from "../../../lib/ConditionalLink";
 import PaintCounter from "../../../lib/PaintCounter";
+import { isTouchscreenDevice } from "../../../lib/isTouchscreenDevice";
 
 import { dispatch } from "../../../redux";
 import { connectState } from "../../../redux/connector";
 import { Unreads } from "../../../redux/reducers/unreads";
-import { isTouchscreenDevice } from "../../../lib/isTouchscreenDevice";
 
 import { useClient } from "../../../context/revoltjs/RevoltClient";
 
@@ -38,9 +38,9 @@ const ServerBase = styled.div`
     overflow: hidden;
 
     ${isTouchscreenDevice &&
-        css`
-            padding-bottom: 50px;
-        `}
+    css`
+        padding-bottom: 50px;
+    `}
 `;
 
 const ServerList = styled.div`
@@ -73,7 +73,7 @@ const ServerSidebar = observer((props: Props) => {
             parent: server_id!,
             child: channel_id!,
         });
-    }, [channel_id]);
+    }, [channel_id, server_id]);
 
     const uncategorised = new Set(server.channel_ids);
     const elements = [];

src/components/navigation/left/common.ts

@@ -1,4 +1,4 @@
-import { autorun, isObservableProp, reaction } from "mobx";
+import { reaction } from "mobx";
 import { Channel } from "revolt.js/dist/maps/Channels";
 
 import { useLayoutEffect } from "preact/hooks";
@@ -6,16 +6,12 @@ import { useLayoutEffect } from "preact/hooks";
 import { dispatch } from "../../../redux";
 import { Unreads } from "../../../redux/reducers/unreads";
 
-import { useClient } from "../../../context/revoltjs/RevoltClient";
-
 type UnreadProps = {
     channel: Channel;
     unreads: Unreads;
 };
 
 export function useUnreads({ channel, unreads }: UnreadProps) {
-    const client = useClient();
-
     useLayoutEffect(() => {
         function checkUnread(target: Channel) {
             if (!target) return;