Перенаправить неправильное поведение в react-router-dom

Вы можете использовать Navigate из последней версии react-router-dom для перенаправления на другую страницу.

import React, { Component } from 'react';
import Test_1 from './components/Test_1';
import Test_2 from './components/Test_2';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
import { Navigate } from 'react-router-dom';
class App extends Component {
  render() {
    return (
      <Router>
        <Routes>
          <Route path='/' element={<Test_1 />} />
          <Route path='/home' element={<Test_2 />} />
          <Route path='*' element={<Navigate to='/' />} />
        </Routes>
      </Router>
    );
  }
}

export default App;

Судя по вашему описанию, вы визуализируете несколько маршрутов в маршрутизатор без компонента Switch. Маршрутизаторы включительно сопоставляют и отображают маршруты, а Switch исключительно сопоставляют и отображают первые Route или Redirect компонент. Другими словами, маршрутизатор будет отображать все совпадения, включая перенаправления, Switch отображает только первое.

Оберните свои маршруты в Switch и поместите redirect последним в списке, чтобы, если ранее не было сопоставлено ни одного другого пути маршрута, Redirect будет отображаться.

<Switch>
  ... all other routes ...
  <Redirect to="/dashboard" />
</Switch>

Все это OFC предполагает, что вы все еще используете react-router-dom v5, поскольку вы не упомянули о каких-либо Redirect ошибках импорта компонентов (Redirect было удалено в RRDv6). Если это не так и вы на самом деле используете RRDv6, обновите свой вопрос, включив в него более полный пример кода.

Попробуйте написать так, если вы используете версию 6 react-router-dom

<Routes>
      <Route path="/" element={<Homepage />} />
      <Route path="*" element={<ErrorPage />} />
</Routes>