Property '' does not exist on type 'JSX.IntrinsicElements' 에러 해결방법

함수형 컴포넌트를 생성한 뒤 해당 컴포넌트를 import 해서 사용하려고 했더니 아래와 같은 에러가 발생하였다.

 

Property '' does not exist on type 'JSX.IntrinsicElements'

 

소스코드

 

import myRouter from "./router";

// render

render() {
    return (
        <div className="App">
			<myRouter></myRouter>
        </div>
    );
}

 

해결 방법은 매우 단순했다.

 

typescript에서는 컴포넌트의 처음 문자를 대문자로 써야 하는 것 같다.

 

import MyRouter from "./router";

// render

render() {
    return (
        <div className="App">
			<MyRouter></MyRouter>
        </div>
    );
}

 

 

typescript가 좋다고 해서 쓰고는 있지만,, 가끔 이런 것 때문에 스트레스..