TypeScript any型以外の型にしたい

今回質問させていただくこと

TypeScriptで簡単なCRUDアプリを練習として作成しています。
その際にどうしてもわからない型について質問させていただきます。

ソースコード

問題の箇所はindex.tsxの６行目のany型です。

TypeScript:crud.tsx
1export const userList = async () => {
2  try {
3    const data = await fetch("http://localhost:8080/api/v1/users");
4
5    const UserAll: User[] = await data.json();
6    return UserAll;
7  } catch (err) {
8    return err;
9  }
10};

TypeScript:user.ts
1export type User = {
2  id: number;
3  name: string;
4  email: string;
5  created_at: Date;
6};

TypeScript:index.tsx
1const UserIndex: React.VFC = () => {
2  const [users, setAllUsers] = useState<User[]>([]);
3
4  useEffect(() => {
5    const getUserAll = async () => {
6      const UserData: any = await userList();
7      setAllUsers(UserData);
8    };
9    getUserAll();
10  }, []);
11
12  return (
13    <>
14      <div>テスト用ユーザー一覧表示</div>
15      <div className="text-gray-500 text-sm">
16        {users.length !== 0 &&
17          users.map((userList: User) => (
18            <div key={userList.id}>
19              <div className="col-span-3 xl:ml-6 ml-3">
20                <div className="flex-shrink-0 h-10">{userList.name}</div>
21              </div>
22              <div className="col-span-4 xl:ml-6 ml-3">
23                <div className="flex-shrink-0 h-10">{userList.email}</div>
24              </div>
25              <div className="col-span-3 xl:ml-6 ml-3">
26                <div className="flex-shrink-0 h-10">{userList.created_at}</div>
27              </div>
28            </div>
29          ))}
30      </div>
31    </>
32  );
33};
34
35export default UserIndex;