App.tsx

import { Route, Routes } from 'react-router-dom';

export default function App() {
  return (
    <Routes>
      <Route element={<Home />} path="/" />
      <Route element={<SomePage />} path="/somepage" />
    </Routes>
  );
}

Home.tsx

export default function Home() {
  const navigate = useNavigate();

  return <ToastButton handler={() => { navigate('/somepage'); }} />;
}

index.tsx

import { BrowserRouter as Router } from 'react-router-dom';

ReactDOM.render(
  <Router>
    <App />
  </Router>,
  document.getElementById('root'),
);

SomePage.tsx

export default function SomePage() {
  return <p>Some page</p>;
}