Fix: Should use observer not observable.

src/pages/channels/ChannelHeader.tsx

 import { At, Hash, Menu } from "@styled-icons/boxicons-regular";
 import { Notepad, Group } from "@styled-icons/boxicons-solid";
 import { observable } from "mobx";
+import { observer } from "mobx-react-lite";
 import { Channel } from "revolt.js";
 import styled from "styled-components";
 
@@ -69,7 +70,7 @@ const Info = styled.div`
     }
 `;
 
-export default observable(({ channel, toggleSidebar }: ChannelHeaderProps) => {
+export default observer(({ channel, toggleSidebar }: ChannelHeaderProps) => {
     const { openScreen } = useIntermediate();
     const client = useClient();
     const state = useData();

src/pages/channels/voice/VoiceHeader.tsx

 import { BarChart } from "@styled-icons/boxicons-regular";
 import { observable } from "mobx";
+import { observer } from "mobx-react-lite";
 import styled from "styled-components";
 
 import { Text } from "preact-i18n";
@@ -69,7 +70,7 @@ const VoiceBase = styled.div`
     }
 `;
 
-export default observable(({ id }: Props) => {
+export default observer(({ id }: Props) => {
     const { status, participants, roomId } = useContext(VoiceContext);
     if (roomId !== id) return null;