fix render blocking for chat/channel

src/components/channels/messages/index.tsx

@@ -7,7 +7,7 @@ import { useCallback, useRef } from 'react';
 import Skeleton from 'react-loading-skeleton';
 import { Virtuoso } from 'react-virtuoso';
 
-export const ChannelMessages = () => {
+export default function ChannelMessages() {
   const virtuosoRef = useRef(null);
   const data = useAtomValue(sortedChannelMessagesAtom);
 
@@ -42,7 +42,7 @@ export const ChannelMessages = () => {
       />
     </div>
   );
-};
+}
 
 const COMPONENTS = {
   EmptyPlaceholder: () => <Skeleton />,

src/components/chats/messageList.tsx

@@ -8,7 +8,7 @@ import { useCallback, useRef } from 'react';
 import Skeleton from 'react-loading-skeleton';
 import { Virtuoso } from 'react-virtuoso';
 
-export const MessageList = () => {
+export default function MessageList() {
   const virtuosoRef = useRef(null);
   const data = useAtomValue(sortedChatMessagesAtom);
 
@@ -47,7 +47,7 @@ export const MessageList = () => {
       />
     </div>
   );
-};
+}
 
 const COMPONENTS = {
   EmptyPlaceholder: () => <Skeleton />,