[Perf] Add memo to many components

src/components/auth/AuthCode.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { Bundles } from '../../util/moduleLoader';
 
 import useModuleLoader from '../../hooks/useModuleLoader';
@@ -10,4 +10,4 @@ const AuthCodeAsync: FC = () => {
   return AuthCode ? <AuthCode /> : <Loading />;
 };
 
-export default AuthCodeAsync;
+export default memo(AuthCodeAsync);

src/components/auth/AuthPassword.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { Bundles } from '../../util/moduleLoader';
 
 import useModuleLoader from '../../hooks/useModuleLoader';
@@ -10,4 +10,4 @@ const AuthPasswordAsync: FC = () => {
   return AuthPassword ? <AuthPassword /> : <Loading />;
 };
 
-export default AuthPasswordAsync;
+export default memo(AuthPasswordAsync);

src/components/auth/AuthQrCode.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { Bundles } from '../../util/moduleLoader';
 
 import useModuleLoader from '../../hooks/useModuleLoader';
@@ -10,4 +10,4 @@ const AuthQrCodeAsync: FC = () => {
   return AuthQrCode ? <AuthQrCode /> : <Loading />;
 };
 
-export default AuthQrCodeAsync;
+export default memo(AuthQrCodeAsync);

src/components/auth/AuthRegister.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { Bundles } from '../../util/moduleLoader';
 
 import useModuleLoader from '../../hooks/useModuleLoader';
@@ -10,4 +10,4 @@ const AuthRegisterAsync: FC = () => {
   return AuthRegister ? <AuthRegister /> : <Loading />;
 };
 
-export default AuthRegisterAsync;
+export default memo(AuthRegisterAsync);

src/components/common/CalendarModal.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { OwnProps } from './CalendarModal';
 import { Bundles } from '../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const CalendarModalAsync: FC<OwnProps> = (props) => {
   return CalendarModal ? <CalendarModal {...props} /> : undefined;
 };
 
-export default CalendarModalAsync;
+export default memo(CalendarModalAsync);

src/components/common/DeleteMessageModal.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { OwnProps } from './DeleteMessageModal';
 import { Bundles } from '../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const DeleteMessageModalAsync: FC<OwnProps> = (props) => {
   return DeleteMessageModal ? <DeleteMessageModal {...props} /> : undefined;
 };
 
-export default DeleteMessageModalAsync;
+export default memo(DeleteMessageModalAsync);

src/components/common/LastMessageMeta.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 
 import { ApiMessage, ApiMessageOutgoingStatus } from '../../api/types';
 import { formatPastTimeShort } from '../../util/dateFormat';
@@ -21,4 +21,4 @@ const LastMessageMeta: FC<OwnProps> = ({ message, outgoingStatus }) => {
   );
 };
 
-export default LastMessageMeta;
+export default memo(LastMessageMeta);

src/components/common/MessageOutgoingStatus.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 
 import { ApiMessageOutgoingStatus } from '../../api/types';
 
@@ -26,4 +26,4 @@ const MessageOutgoingStatus: FC<OwnProps> = ({ status }) => {
   );
 };
 
-export default MessageOutgoingStatus;
+export default memo(MessageOutgoingStatus);

src/components/common/PinMessageModal.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { OwnProps } from './PinMessageModal';
 import { Bundles } from '../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const PinMessageModalAsync: FC<OwnProps> = (props) => {
   return PinMessageModal ? <PinMessageModal {...props} /> : undefined;
 };
 
-export default PinMessageModalAsync;
+export default memo(PinMessageModalAsync);

src/components/common/StickerSetModal.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { OwnProps } from './StickerSetModal';
 import { Bundles } from '../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const StickerSetModalAsync: FC<OwnProps> = (props) => {
   return StickerSetModal ? <StickerSetModal {...props} /> : undefined;
 };
 
-export default StickerSetModalAsync;
+export default memo(StickerSetModalAsync);

src/components/common/UnpinAllMessagesModal.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { OwnProps } from './UnpinAllMessagesModal';
 import { Bundles } from '../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const UnpinAllMessagesModalAsync: FC<OwnProps> = (props) => {
   return UnpinAllMessagesModal ? <UnpinAllMessagesModal {...props} /> : undefined;
 };
 
-export default UnpinAllMessagesModalAsync;
+export default memo(UnpinAllMessagesModalAsync);

src/components/left/ArchivedChats.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { OwnProps } from './ArchivedChats';
 import { Bundles } from '../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const ArchivedChatsAsync: FC<OwnProps> = (props) => {
   return ArchivedChats ? <ArchivedChats {...props} /> : <Loading />;
 };
 
-export default ArchivedChatsAsync;
+export default memo(ArchivedChatsAsync);

src/components/left/main/Badge.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 
 import { ApiChat } from '../../../api/types';
 
@@ -65,4 +65,4 @@ const Badge: FC<OwnProps> = ({ chat, isPinned }) => {
   );
 };
 
-export default Badge;
+export default memo(Badge);

src/components/left/main/ContactList.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { Bundles } from '../../../util/moduleLoader';
 import { OwnProps } from './ContactList';
 
@@ -12,4 +12,4 @@ const ContactListAsync: FC<OwnProps> = (props) => {
   return ContactList ? <ContactList {...props} /> : <Loading />;
 };
 
-export default ContactListAsync;
+export default memo(ContactListAsync);

src/components/left/newChat/NewChat.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { Bundles } from '../../../util/moduleLoader';
 
 import { OwnProps } from './NewChat';
@@ -13,4 +13,4 @@ const NewChatAsync: FC<OwnProps> = (props) => {
   return NewChat ? <NewChat {...props} /> : <Loading />;
 };
 
-export default NewChatAsync;
+export default memo(NewChatAsync);

src/components/left/newChat/NewChatStep1.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { Bundles } from '../../../util/moduleLoader';
 
 import { OwnProps } from './NewChatStep1';
@@ -13,4 +13,4 @@ const NewChatStep1Async: FC<OwnProps> = (props) => {
   return NewChatStep1 ? <NewChatStep1 {...props} /> : <Loading />;
 };
 
-export default NewChatStep1Async;
+export default memo(NewChatStep1Async);

src/components/left/newChat/NewChatStep2.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { Bundles } from '../../../util/moduleLoader';
 
 import { OwnProps } from './NewChatStep2';
@@ -13,4 +13,4 @@ const NewChatStep2Async: FC<OwnProps> = (props) => {
   return NewChatStep2 ? <NewChatStep2 {...props} /> : <Loading />;
 };
 
-export default NewChatStep2Async;
+export default memo(NewChatStep2Async);

src/components/left/search/LeftSearch.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { Bundles } from '../../../util/moduleLoader';
 import { OwnProps } from './LeftSearch';
 
@@ -12,4 +12,4 @@ const LeftSearchAsync: FC<OwnProps> = (props) => {
   return LeftSearch ? <LeftSearch {...props} /> : <Loading />;
 };
 
-export default LeftSearchAsync;
+export default memo(LeftSearchAsync);

src/components/left/settings/Settings.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { Bundles } from '../../../util/moduleLoader';
 
 import { OwnProps } from './Settings';
@@ -13,4 +13,4 @@ const SettingsAsync: FC<OwnProps> = (props) => {
   return Settings ? <Settings {...props} /> : <Loading />;
 };
 
-export default SettingsAsync;
+export default memo(SettingsAsync);

src/components/main/Errors.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { Bundles } from '../../util/moduleLoader';
 
 import useModuleLoader from '../../hooks/useModuleLoader';
@@ -10,4 +10,4 @@ const ErrorsAsync: FC = ({ isOpen }) => {
   return Errors ? <Errors /> : undefined;
 };
 
-export default ErrorsAsync;
+export default memo(ErrorsAsync);

src/components/main/ForwardPicker.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { Bundles } from '../../util/moduleLoader';
 import { OwnProps } from './ForwardPicker';
 
@@ -12,4 +12,4 @@ const ForwardPickerAsync: FC<OwnProps> = (props) => {
   return ForwardPicker ? <ForwardPicker {...props} /> : undefined;
 };
 
-export default ForwardPickerAsync;
+export default memo(ForwardPickerAsync);

src/components/main/Main.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { Bundles } from '../../util/moduleLoader';
 
 import useModuleLoader from '../../hooks/useModuleLoader';
@@ -9,4 +9,4 @@ const MainAsync: FC = () => {
   return Main ? <Main /> : undefined;
 };
 
-export default MainAsync;
+export default memo(MainAsync);

src/components/main/Notifications.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { Bundles } from '../../util/moduleLoader';
 
 import useModuleLoader from '../../hooks/useModuleLoader';
@@ -10,4 +10,4 @@ const NotificationsAsync: FC = ({ isOpen }) => {
   return Notifications ? <Notifications /> : undefined;
 };
 
-export default NotificationsAsync;
+export default memo(NotificationsAsync);

src/components/middle/HeaderMenuContainer.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { OwnProps } from './HeaderMenuContainer';
 import { Bundles } from '../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const HeaderMenuContainerAsync: FC<OwnProps> = (props) => {
   return HeaderMenuContainer ? <HeaderMenuContainer {...props} /> : undefined;
 };
 
-export default HeaderMenuContainerAsync;
+export default memo(HeaderMenuContainerAsync);

src/components/middle/MessageSelectToolbar.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { Bundles } from '../../util/moduleLoader';
 import { OwnProps } from './MessageSelectToolbar';
 
@@ -12,4 +12,4 @@ const MessageSelectToolbarAsync: FC<OwnProps> = (props) => {
   return MessageSelectToolbar ? <MessageSelectToolbar {...props} /> : undefined;
 };
 
-export default MessageSelectToolbarAsync;
+export default memo(MessageSelectToolbarAsync);

src/components/middle/MobileSearch.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { OwnProps } from './MobileSearch';
 import { Bundles } from '../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const MobileSearchAsync: FC<OwnProps> = (props) => {
   return MobileSearch ? <MobileSearch {...props} /> : undefined;
 };
 
-export default MobileSearchAsync;
+export default memo(MobileSearchAsync);

src/components/middle/composer/AttachMenu.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { OwnProps } from './AttachMenu';
 import { Bundles } from '../../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const AttachMenuAsync: FC<OwnProps> = (props) => {
   return AttachMenu ? <AttachMenu {...props} /> : undefined;
 };
 
-export default AttachMenuAsync;
+export default memo(AttachMenuAsync);

src/components/middle/composer/AttachmentModal.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { OwnProps } from './AttachmentModal';
 import { Bundles } from '../../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const AttachmentModalAsync: FC<OwnProps> = (props) => {
   return AttachmentModal ? <AttachmentModal {...props} /> : undefined;
 };
 
-export default AttachmentModalAsync;
+export default memo(AttachmentModalAsync);

src/components/middle/composer/BotKeyboardMenu.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { OwnProps } from './BotKeyboardMenu';
 import { Bundles } from '../../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const BotKeyboardMenuAsync: FC<OwnProps> = (props) => {
   return BotKeyboardMenu ? <BotKeyboardMenu {...props} /> : undefined;
 };
 
-export default BotKeyboardMenuAsync;
+export default memo(BotKeyboardMenuAsync);

src/components/middle/composer/CustomSendMenu.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { OwnProps } from './CustomSendMenu';
 import { Bundles } from '../../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const CustomSendMenuAsync: FC<OwnProps> = (props) => {
   return CustomSend ? <CustomSend {...props} /> : undefined;
 };
 
-export default CustomSendMenuAsync;
+export default memo(CustomSendMenuAsync);

src/components/middle/composer/DropArea.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { OwnProps } from './DropArea';
 import { Bundles } from '../../../util/moduleLoader';
 
@@ -12,5 +12,5 @@ const DropAreaAsync: FC<OwnProps> = (props) => {
   return DropArea ? <DropArea {...props} /> : undefined;
 };
 
-export default DropAreaAsync;
+export default memo(DropAreaAsync);
 export { DropAreaState } from './DropArea';

src/components/middle/composer/EmojiTooltip.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { OwnProps } from './EmojiTooltip';
 import { Bundles } from '../../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const EmojiTooltipAsync: FC<OwnProps> = (props) => {
   return EmojiTooltip ? <EmojiTooltip {...props} /> : undefined;
 };
 
-export default EmojiTooltipAsync;
+export default memo(EmojiTooltipAsync);

src/components/middle/composer/MentionMenu.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { OwnProps } from './MentionMenu';
 import { Bundles } from '../../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const MentionMenuAsync: FC<OwnProps> = (props) => {
   return MentionMenu ? <MentionMenu {...props} /> : undefined;
 };
 
-export default MentionMenuAsync;
+export default memo(MentionMenuAsync);

src/components/middle/composer/PollModal.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { OwnProps } from './PollModal';
 import { Bundles } from '../../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const PollModalAsync: FC<OwnProps> = (props) => {
   return PollModal ? <PollModal {...props} /> : undefined;
 };
 
-export default PollModalAsync;
+export default memo(PollModalAsync);

src/components/middle/composer/SymbolMenu.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { OwnProps } from './SymbolMenu';
 import { Bundles } from '../../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const SymbolMenuAsync: FC<OwnProps> = (props) => {
   return SymbolMenu ? <SymbolMenu {...props} /> : undefined;
 };
 
-export default SymbolMenuAsync;
+export default memo(SymbolMenuAsync);

src/components/middle/composer/TextFormatter.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { OwnProps } from './TextFormatter';
 import { Bundles } from '../../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const TextFormatterAsync: FC<OwnProps> = (props) => {
   return TextFormatter ? <TextFormatter {...props} /> : undefined;
 };
 
-export default TextFormatterAsync;
+export default memo(TextFormatterAsync);

src/components/middle/message/ContextMenuContainer.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { OwnProps } from './ContextMenuContainer';
 import { Bundles } from '../../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const ContextMenuContainerAsync: FC<OwnProps> = (props) => {
   return ContextMenuContainer ? <ContextMenuContainer {...props} /> : undefined;
 };
 
-export default ContextMenuContainerAsync;
+export default memo(ContextMenuContainerAsync);

src/components/middle/message/MessageMeta.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 
 import { ApiMessage, ApiMessageOutgoingStatus } from '../../../api/types';
 
@@ -47,4 +47,4 @@ const MessageMeta: FC<OwnProps> = ({
   );
 };
 
-export default MessageMeta;
+export default memo(MessageMeta);

src/components/payment/PaymentModal.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { OwnProps } from './PaymentModal';
 import { Bundles } from '../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const PaymentModalAsync: FC<OwnProps> = (props) => {
   return PaymentModal ? <PaymentModal {...props} /> : undefined;
 };
 
-export default PaymentModalAsync;
+export default memo(PaymentModalAsync);

src/components/payment/ReceiptModal.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { OwnProps } from './ReceiptModal';
 import { Bundles } from '../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const ReceiptModalAsync: FC<OwnProps> = (props) => {
   return ReceiptModal ? <ReceiptModal {...props} /> : undefined;
 };
 
-export default ReceiptModalAsync;
+export default memo(ReceiptModalAsync);

src/components/right/GifSearch.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { Bundles } from '../../util/moduleLoader';
 
 import useModuleLoader from '../../hooks/useModuleLoader';
@@ -11,4 +11,4 @@ const GifSearchAsync: FC = () => {
   return GifSearch ? <GifSearch /> : <Loading />;
 };
 
-export default GifSearchAsync;
+export default memo(GifSearchAsync);

src/components/right/PollResults.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { Bundles } from '../../util/moduleLoader';
 
 import useModuleLoader from '../../hooks/useModuleLoader';
@@ -10,4 +10,4 @@ const PollResultsAsync: FC = () => {
   return PollResults ? <PollResults /> : <Loading />;
 };
 
-export default PollResultsAsync;
+export default memo(PollResultsAsync);

src/components/right/RightSearch.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { OwnProps } from './RightSearch';
 import { Bundles } from '../../util/moduleLoader';
 
@@ -12,4 +12,4 @@ const RightSearchAsync: FC<OwnProps> = (props) => {
   return RightSearch ? <RightSearch {...props} /> : <Loading />;
 };
 
-export default RightSearchAsync;
+export default memo(RightSearchAsync);

src/components/right/StickerSearch.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../lib/teact/teact';
+import React, { FC, memo } from '../../lib/teact/teact';
 import { Bundles } from '../../util/moduleLoader';
 
 import useModuleLoader from '../../hooks/useModuleLoader';
@@ -11,4 +11,4 @@ const StickerSearchAsync: FC = () => {
   return StickerSearch ? <StickerSearch /> : <Loading />;
 };
 
-export default StickerSearchAsync;
+export default memo(StickerSearchAsync);

src/components/right/management/Management.async.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from '../../../lib/teact/teact';
+import React, { FC, memo } from '../../../lib/teact/teact';
 import { Bundles } from '../../../util/moduleLoader';
 
 import { OwnProps } from './Management';
@@ -14,4 +14,4 @@ const ManagementAsync: FC<OwnProps> = (props) => {
   return Management ? <Management {...props} /> : <Loading />;
 };
 
-export default ManagementAsync;
+export default memo(ManagementAsync);

src/components/ui/RippleEffect.tsx

@@ -1,5 +1,5 @@
 import React, {
-  FC, useCallback, useMemo, useState,
+  FC, useCallback, useMemo, useState, memo,
 } from '../../lib/teact/teact';
 import { debounce } from '../../util/schedulers';
 
@@ -58,4 +58,4 @@ const RippleEffect: FC = () => {
   );
 };
 
-export default RippleEffect;
+export default memo(RippleEffect);