IntrinsicElements 사용 시 에러가 납니다

[듀링]

JSX.Element로 했을 때는 문제가 없는데, JSX.IntrinsicElements로 하면 <div>에서 빨간줄이 뜨네요ㅠ
이 JSX 태그의 'children' 속성에는 'ReactNode' 형식의 자식 하나가 필요하지만, 여러 자식이 제공되었습니다.ts(2746)
라는 문장이 나옵니다. 강의내용과 같은데 왜 에러가 나는걸까요ㅠㅠ

import React from 'react';
import './App.css';

let 박스 :JSX.IntrinsicElements['div'] = <div>ㅁㄴㅇㄹㄴ</div>;
// let 박스 :JSX.Element = <div>ㅁㄴㅇㄹㄴ</div>;

function App() {
  return (
    <div>
      { 박스 }
      <h4>안녕하십니까</h4>
    </div>
  );
}

export default App;

[codingapple]

변수에 담을 땐 그냥 JSX.Element를 씁시다 18버전부터 이상해졌습니다

[글쓴이]

글