커스텀 훅과 env파일 변수 타입 문제

1. 우선 커스텀 훅에서 궁금한 점이 생겨 질문 남깁니다. 
   리액트 상에서 useState와 같은 훅을 쓰려면 훅을 사용하는 곳이 컴포넌트안이여야하며
   리액트 상에서 컴포넌트는 대문자로 시작해야 한다는 규칙이 존재하는 걸로 이해하고 있었습니다.
   하지만 커스텀훅을 생성하면 use라는 소문자로 생성하고 제가 알고 있는 바로는 소문자로 시작하면 
   브라우저 상에서 에러가 발생하는 것으로 이해하고 있었는데 왠지 모르게 에러가 발생하지 않았습니다.
   그 이유가 무엇이고 어떤 원리인지 알려주시면 감사하겠습니다.  

2. 보통 api키같은 문자열이나 상수들은 env파일에 따로 저장해 놓거나 다른 방법으로  
   다른 사람들에게 공유되어 악용되는 것을 방지하며 저역시 js에서는 env파일을 따로 생성하여 
   api키 같은 정보들을 숨겨 놓곤 했었습니다. 하지만 ts로 개발을 하고 나서 에러가 발생해서 
   이 에러를 해결하고자 많은 검색을 시도했지만 에러가 해결 되지않아 여쭤봅니다.

env파인 내부 변수 선언문 입니다.

api요청 부분 에러

에러 내용 입니다.

타입 지정이니 뭐니 다 시도 해봤는데도 에러가 없어지지 않아서 질문 남깁니다.
이 부분에서는 어떤 식으로 해결해야 하나요?