React Router exact 에러

[이은수]

import { ErrorBoundary } from 'react-error-boundary';
import { Switch, Route, BrowserRouter } from 'react-router-dom';
import Home from './pages/Home';
import Signin from './pages/Signin';
import Error from './pages/Error';

function App() {
  return (
    <ErrorBoundary FallbackComponent={Error}>
      <BrowserRouter>
        <Switch>
          <Route exact path="/signin" component={Signin} />
          <Route exact path="/" component={Home} />
        </Switch>
      </BrowserRouter>
    </ErrorBoundary>
  );
}

export default App;

 

 

TS2322: Type '{ exact: true; path: string; component: () => Element; }' is not assignable to type 'IntrinsicAttributes & (PathRouteProps | LayoutRouteProps | IndexRouteProps)'. Property 'exact' does not exist on type 'IntrinsicAttributes & (PathRouteProps | LayoutRouteProps | IndexRouteProps)'.

이런 타입에러가 나타납니다. 이럴땐 어떻게 해야할까요?

react-router-dom 버전은 5.3.0입니다. 

[codingapple]

타입스크립트 안쓰면 타입스크립트 에러는 무시해도 됩니다 

[이은수]

타입스크립트를 사용중입니다 ㅠㅠ

[codingapple]

package.json에 기재된 "@types/react-router-dom" 이랑 react-router-dom 이랑 버전이 다른가봅니다 5버전아니면 지우고 5버전으로 설치해봅시다 

[이은수]

두개 버전이 달라서 @types/react-router-dom를 같은 버전으로 설치했는데도 오류가 사라지지 않습니다

[codingapple]

@types/react-router-dom은 몇버전입니까 5.3.3 버전 설치해봅시다 

[글쓴이]

글