next13_4.ts

import Link from "next/link"

const getTodos = async () => {

    try {
        const res = await fetch('http://localhost:3000/api/todo');
        const data = (await res).json();
        return data;
    } catch (error) {
        return [];
    }
}

export default async function Todo() {

    let data: any = await getTodos();

    return <div className="todo-container">
        <div className="todo-list">
            {data.map((item: any, index: number) => <div
                key={index}
                className="todo-item">
                <Link href={`/todo/${item.id}`} className="todo-title">{item.title}:</Link>
                <div className="todo-description">{item.description}</div>
            </div>)}
        </div>
    </div>
}