props 타입을 string으로 지정했는데 object를 넘겨줘도 오류가 안나는 이유가 궁금합니다

타입스크립트를 잘못 이해하고 계신 것 같습니다. 타입스크립트는 자바스크립트에서 변수의 데이터 타입을 지정하여 해당 타입을 “예측” 가능한 코드로 만들어주는 언어입니다. 자바스크립트를 실제로 런타임에서 구동시키기 전에 발생할 수 있는 타입 에러를 사전에 잡아주는 것이 그 목적임을 명확히 이해하셔야 합니다. 해당 작업을 통해 IDE 혹은 다른 개발자가 코드를 보았을 때 타입을 예측하고, 그를 기반으로 Lint 등을 통해 에러를 보여줄 수는 있지만, 실제 데이터의 타입을 컨트롤하지는 않습니다. TS는 JS의 생산성을 높이기 위해서 “보여주는 작업”을 하는 것이지, 실제 짜여진 코드들은 모두 JS로 실행이 되야합니다. 실제로 구동이 되는 방식 또한 TS 파일을 직접 실행하는게 아니라, JS 파일로 컴파일을 진행한 이후에 자바스크립트 엔진을 통해 구동되게 됩니다. 쉽게 설명드리자면 애초에 TS 파일은 직접적으로 돌아가는게 아닙니다. 질문주신 작업과 같은 기능을 하려면, JS 코드에서 typeof 와 같은 메소드를 이용하여 props의 type을 체크하고, type이 string이 아닐 시 에러를 띄우는 방식으로 별도의 구현을 해주셔야합니다.