diff --git a/withchat-client/src/components/units/channel/channel.container.tsx b/withchat-client/src/components/units/channel/channel.container.tsx
index 91f004f..0afc977 100644
--- a/withchat-client/src/components/units/channel/channel.container.tsx
+++ b/withchat-client/src/components/units/channel/channel.container.tsx
@@ -15,12 +15,12 @@ export default function Channel(props: any) {
   const { setChannelId, setChatHistory } = useContext(ChattingContext);
   const [channelClicked, setChannelClicked] = useState<string>("");
   const [accessToken, setAccessToken] = useState<string | null>("");
-  const [channelName, setChannelName] = useState("");
+  const [channelName, setChannelName] = useState<string>("");
   const [openCreateChannelModal, setOpenCreateChannelModal] =
     useState<boolean>(false);
   const [openInviteFriendModal, setOpenInviteFriendModal] =
     useState<boolean>(false);
-  const [channelList, setChannelList] = useState([]);
+  const [channelList, setChannelList] = useState<{}[]>([]);
 
   const onClickOpenCreateModal = () => {
     setOpenCreateChannelModal((prev) => !prev);
diff --git a/withchat-client/src/components/units/chatting/chatters/chatters.Container.tsx b/withchat-client/src/components/units/chatting/chatters/chatters.Container.tsx
index 031bc71..954a832 100644
--- a/withchat-client/src/components/units/chatting/chatters/chatters.Container.tsx
+++ b/withchat-client/src/components/units/chatting/chatters/chatters.Container.tsx
@@ -5,7 +5,7 @@ import axios from "axios";
 import { ChattingContext } from "pages/main";
 export default function Chatters() {
   const { serverId } = useContext(ChattingContext);
-  const [chatterList, setChatterList] = useState([]);
+  const [chatterList, setChatterList] = useState<{}[]>([]);
   const [openUserInfo, setOpenUserInfo] = useState<string>("");
 
   const onClickOpenInfo = () => (e: MouseEvent<HTMLDivElement>) => {
diff --git a/withchat-client/src/components/units/userMenu/userMenu.Container.tsx b/withchat-client/src/components/units/userMenu/userMenu.Container.tsx
index a993ba3..6711863 100644
--- a/withchat-client/src/components/units/userMenu/userMenu.Container.tsx
+++ b/withchat-client/src/components/units/userMenu/userMenu.Container.tsx
@@ -1,10 +1,12 @@
 import UserMenuUI from "./userMenu.Presenter";
+import { IPropsUserMenu } from "./userMenu.Types";
 
-export default function UserMenu(props: any){
-    
-    return <UserMenuUI 
-    openUserInfo={props.openUserInfo}
-    name={props.name}
-    id={props.id}
+export default function UserMenu(props: IPropsUserMenu) {
+  return (
+    <UserMenuUI
+      openUserInfo={props.openUserInfo}
+      name={props.name}
+      id={props.id}
     />
-}
\ No newline at end of file
+  );
+}
diff --git a/withchat-client/src/components/units/userMenu/userMenu.Types.ts b/withchat-client/src/components/units/userMenu/userMenu.Types.ts
new file mode 100644
index 0000000..d382ff0
--- /dev/null
+++ b/withchat-client/src/components/units/userMenu/userMenu.Types.ts
@@ -0,0 +1,5 @@
+export interface IPropsUserMenu {
+  openUserInfo: string;
+  name: string;
+  id: string;
+}