Optimise re-renders when scrolling / updating messages.

2021-06-23 16:14:46 +01:00
parent 11c524d6a9
commit 0ce77951cb
4 changed files with 68 additions and 24 deletions
--- a/src/pages/channels/messaging/MessageRenderer.tsx
+++ b/src/pages/channels/messaging/MessageRenderer.tsx
@@ -1,4 +1,5 @@
 import { decodeTime } from "ulid";
+import { memo } from "preact/compat";
 import MessageEditor from "./MessageEditor";
 import { Children } from "../../../types/Preact";
 import ConversationStart from "./ConversationStart";
@@ -156,8 +157,8 @@ function MessageRenderer({ id, state, queue }: Props) {
    return <>{ render }</>;
 }

-export default connectState<Omit<Props, 'queue'>>(MessageRenderer, state => {
+export default memo(connectState<Omit<Props, 'queue'>>(MessageRenderer, state => {
    return {
        queue: state.queue
    };
-});
+}));