does not exist on type 'jsx.intrinsicelements' 문제 해결

JS만 아는 상태에서 storybook을 짜기위해 Typescript를 짜는 중이다. 그러다가 나온 에러인 'does not exist on type 'jsx.intrinsicelements'에러.

분명 다른 곳에서는 에러가 뜨지 않았지만, index.stories.tsx에서만 에러가 떴다.

export const Default = () : JSX.Element => {
	return (
          <div className = "workRecord~~">
              <workIconGroup>
                      <workIcon work="fileUpload">
                  </workIconGroup>
          </div>
    );
};

구글링을 해봤을 때, 대부분의 사람들이 이름을 잘못썼거나 했을때 나왔다지만 열번을 체크해봐도 정확하게 썼었다.
여기서의 문제는,TS는 가장 처음 레터를 대문자로 해야 읽혔기에 workIconGroup을 WorkIconGroup으로 바꾸자마자 바로 에러가 사라졌다. 재밌는 TS..ㅎ