await 사용 중 이상 현상?

보통 await 라는 키워드는 async 함수 안에서만 사용 가능한 것으로 알고 있었습니다.
하지만 소규모로 연습 겸 해서 개발을 하던 중 이상한 현상이 발생했습니다.

위 코드와 같이 컴포넌트 바깥에서 await라는 키워드를 작성하면 문제 없이 돌아간다는 것 입니다. (파일에 작성한 코드는 저게 전부입니다.)
컴포넌트 바깥에 async함수를 정의 하지 않았는데도 불구 하구요.

혹시나 컴포넌트 안에서 await를 사용 해보았는데
 
위와 같이 바로 에러가 발생하더군요. 맨 위에 사진처럼 컴포넌트 바깥에서는 async없이 
await라는 키워드를 사용할 수 있는 것 이라던가 특별한 규칙 같은게 있나요?
그런 것이 없다면 맨 위에 사진처럼  컴포넌트 바깥에서는 async없이 await라는 키워드를 사용했을 때
에러가 발생하지 않는 이유가 궁금합니다!!
 
궁금하실까해서 올리는 data.ts의 parse입니다.