토이 프로젝트를 진행하던 중 아래와 같은 에러가 발생하였습니다.
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>
);
'1. 웹개발 > 1_1_8 Error Handling' 카테고리의 다른 글
The default export is not a React Component in page: "/" 해결 방법 (0) | 2022.06.26 |
---|---|
useRoutes() may be used only in the context of a <Router> component. 해결 방법 (0) | 2022.05.11 |
A component is changing an uncontrolled input to be controlled. 해결 방법 (0) | 2022.04.23 |
This component must be used inside a <RecoilRoot> component. 해결 방법 (0) | 2022.04.17 |
react-scripts: command not found 해결 방법 (0) | 2022.02.04 |