diff --git a/src/common/component/Avatar.tsx b/src/common/component/Avatar.tsx
index c26ae36c..67c14b9c 100644
--- a/src/common/component/Avatar.tsx
+++ b/src/common/component/Avatar.tsx
@@ -1,11 +1,11 @@
-import { useState, useEffect, memo, SyntheticEvent, FC } from "react";
+import { useState, useEffect, memo, SyntheticEvent, FC, ImgHTMLAttributes } from "react";
 import { getInitials, getInitialsAvatar } from "../utils";
 
-interface Props extends Partial<HTMLImageElement> {
+interface Props extends ImgHTMLAttributes<HTMLImageElement> {
   // className?: string;
   // alt?: string;
   // src?: string;
-  // name?: string;
+  name?: string;
   type?: "user" | "channel";
 }
 
@@ -35,7 +35,7 @@ const Avatar: FC<Props> = ({ src = "", name = "Deleted User", type = "user", ...
   }, [src, name]);
   if (!url) return null;
 
-  return <img src={url} onError={handleError}  {...rest} />;
+  return <img src={url} onError={handleError} {...rest} />;
 };
 
 export default memo(Avatar, (prev, next) => {
diff --git a/src/routes/chat/ChannelList/NavItem.tsx b/src/routes/chat/ChannelList/NavItem.tsx
index eb187dd8..6a46676f 100644
--- a/src/routes/chat/ChannelList/NavItem.tsx
+++ b/src/routes/chat/ChannelList/NavItem.tsx
@@ -60,7 +60,9 @@ const NavItem: FC<IProps> = ({ id, setFiles, toggleRemoveConfirm }) => {
       navigate(`/setting/channel/${id}?f=${pathname}`);
     }
   };
-  const [{ isActive }, drop] = useDrop(() => ({
+
+  // todo: type check
+  const [{ isActive }, drop] = useDrop<any, unknown, { isActive: boolean }>(() => ({
     accept: [NativeTypes.FILE],
     drop({ dataTransfer }) {
       if (dataTransfer.files.length) {
diff --git a/tsconfig.json b/tsconfig.json
index 9388006a..3fe0403e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -16,5 +16,5 @@
     "noEmit": true,
     "jsx": "react-jsx"
   },
-  "include": ["src", "src/types/*.d.ts", "src/locales/*.d.ts"]
+  "include": ["src", "src/types/*.d.ts", "src/locales/*.d.ts", "src/i18next.d.ts"]
 }