[解決済み] React: 'Redirect'は 'react-router-dom' からエクスポートされない。

質問

を実行すると、次のようなエラーが発生します。 npm run start をターミナルで実行すると、次のようなエラーが発生します。

Attempted import error: 'Redirect' is not exported from 'react-router-dom'.

私は再インストールした node_modules , react-router-dom , react-router . また、ターミナルと私のコンピュータを再起動しましたが、問題は解決されません。

私のコードです。

import React from 'react';
import { Switch, Redirect } from 'react-router-dom';

import { RouteWithLayout } from './components';
import { Minimal as MinimalLayout } from './layouts';

import {
  Login as LoginView,
  Dashboard as DashboardView,
  NotFound as NotFoundView
} from './views';

const Routes = () => {
  return (
    <Switch>
      <Redirect
        exact
        from="/"
        to="/dashboard"
      />
      <RouteWithLayout
        component={routeProps => <LoginView {...routeProps} data={data} />}
        exact
        layout={MinimalLayout}
        path="/login"
      />
      <Redirect to="/not-found" />
    </Switch>
  );
};

export default Routes;

ここで、私の package.json のインポートです。

"react-router": "^6.0.0-beta.0",
"react-router-dom": "^6.0.0-beta.0",

どんな助けでも感謝します、ありがとうございます。

どのように解決するのですか？

以下のような場合 react-router-dom v6 では、単に Redirect を Navigate

import { Navigate } from 'react-router-dom';
.
.
.
{ component: () => <Navigate to="/404" /> }