원인

이유는 간단하다.

import axios from 'axios';

// 비동기 함수 선언
async function fetchData(url: string): Promise {
  const response = await axios.get(url);
  return response.data;
}

// 사용 예시
interface User {
  id: number;
  name: string;
}

async function getUser() {
  const userPromise: Promise<User> = fetchData<User>('https://api.example.com/user/1');
  const user = await userPromise;
  console.log(user.id, user.name);
}

위와 같이 작성하게 된다면 js 이자식이 promise 반환값으로 던지게 된다.
개자식

이를 해결하려면 어쩌냐 계속 보고 있었는데 결국 회사 코드에서 발견해서 해결했다 와 진짜 이걸 이렇게 오래 걸리면서 해결하네

해결

import axios from 'axios';

// 비동기 함수 선언
async function fetchData<T>(url: string): Promise<T> {
  const response = await axios.get<T>(url);
  return response.data;
}

// 사용 예시
interface User {
  id: number;
  name: string;
}

async function getUser() {
  const userPromise: Promise<User> = fetchData<User>('https://api.example.com/user/1');
  const user = await userPromise;
  console.log(user.id, user.name);
}

#JavaScript