refactor: more TS code

src/routes/chat/ChannelChat/index.tsx

@@ -27,7 +27,11 @@ import { StyledUsers, StyledChannelChat, StyledHeader } from "./styled";
 import InviteModal from "../../../common/component/InviteModal";
 import LoadMore from "../LoadMore";
 import { useAppSelector } from "../../../app/store";
-export default function ChannelChat({ cid = "", dropFiles = [] }) {
+type Props = {
+  cid?: number;
+  dropFiles?: File[];
+};
+export default function ChannelChat({ cid = 0, dropFiles = [] }: Props) {
   const { values: agoraConfig } = useConfig("agora");
   const {
     list: msgIds,

src/routes/chat/Layout/index.tsx

@@ -14,7 +14,7 @@ interface Props {
   header: ReactElement;
   aside: ReactElement | null;
   users?: ReactElement;
-  dropFiles: [File];
+  dropFiles: File[];
   context: "channel" | "user";
   to: number;
 }