Fixed typing

front/src/pages/Channel.tsx

@@ -2,10 +2,26 @@ import { useParams } from "react-router-dom";
 import { useEffect, useState } from "react";
 import axios from "axios";
 
+type Channel ={
+    id: number,
+    name: string
+    description: string
+}
+
+type Message = {
+    id: number,
+    user_id: number,
+    username: string,
+    content: string,
+    date: number
+}
+
+type Messages = Message[]
+
 export default function Channel() {
     const { id } = useParams();
-    const [channel, setChannel] = useState({});
-    const [messages, setMessages] = useState([]);
+    const [channel, setChannel] = useState<Channel>();
+    const [messages, setMessages] = useState<Messages>();
 
     useEffect(() => {
         axios.get(`/api/channels/${id}`).then((res) => {
@@ -17,6 +33,10 @@ export default function Channel() {
         });
     }, [id]);
 
+    if (!channel || !messages) {
+        return <div>Loading...</div>;
+    }
+
     return (
         <div>
             <h1>Channel {channel.name}</h1>