Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes'. 해결 방법

 

토이 프로젝트를 진행하던 중 아래와 같은 에러가 발생하였습니다. 

Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes'. 

 

 

[에러 원인]

Header 태그가 children을 prop으로 전달하는 과정을 생략해 발생한 타입 에러입니다. Header가 마치 props로 Router에게 넘겨지는 구조로 코드가 작성이 되어있습니다. 넘겨지는 props가 없는데 말이죠. 

 

 

[에러 원인]

Header 태그의 자식 컴포넌트들이 props를 넘김 받지 않도록 수정해 주시면 됩니다.

root.render(
  <React.StrictMode>
    <Provider store={store}>
      <Header />
      <Router>
        <Routes>
          <Route path="/Main" element={<Main/>} />
          <Route path="/Register" element={<Register/>} />
        </Routes>
      </Router>
    </Provider>
  </React.StrictMode>
);