refactor message container and remove the memo from message/blocks

app/containers/message/Blocks.ts

@@ -3,8 +3,7 @@ import React from 'react';
 import { messageBlockWithContext } from '../UIKit/MessageBlock';
 import { IMessageBlocks } from './interfaces';
 
-const Blocks = React.memo(
+const Blocks = ({ blocks, id: mid, rid, blockAction }: IMessageBlocks) => {
-	({ blocks, id: mid, rid, blockAction }: IMessageBlocks) => {
 	if (blocks && blocks.length > 0) {
 		const appId = blocks[0]?.appId || '';
 		return React.createElement(
@@ -28,20 +27,7 @@ const Blocks = React.memo(
 		);
 	}
 	return null;
-	},
+};
-	(prevProps, nextProps) => {
-		if (
-			// @ts-ignore
-			('type' in prevProps.blocks[0] && prevProps.blocks[0].type === 'video_conf') ||
-			// @ts-ignore
-			('type' in nextProps.blocks[0] && nextProps.blocks[0].type === 'video_conf')
-		) {
-			// Avoid multiple request on the VideoConferenceBlock
-			return true;
-		}
-		return false;
-	}
-);
 
 Blocks.displayName = 'MessageBlocks';
 

app/containers/message/index.tsx

@@ -76,20 +76,29 @@ class MessageContainer extends React.Component<IMessageContainerProps, IMessageC
 		theme: 'light' as TSupportedThemes
 	};
 
-	state = { isManualUnignored: false };
-
 	private subscription?: Subscription;
+	private mounted: boolean;
+
+	constructor(props: IMessageContainerProps) {
+		super(props);
+		this.state = { isManualUnignored: false };
+		this.mounted = false;
 
-	componentDidMount() {
 		const { item } = this.props;
 		if (item && item.observe) {
 			const observable = item.observe();
 			this.subscription = observable.subscribe(() => {
+				if (this.mounted) {
 					this.forceUpdate();
+				}
 			});
 		}
 	}
 
+	componentDidMount() {
+		this.mounted = true;
+	}
+
 	shouldComponentUpdate(nextProps: IMessageContainerProps, nextState: IMessageContainerState) {
 		const { isManualUnignored } = this.state;
 		const { threadBadgeColor, isIgnored, highlighted, previousItem } = this.props;