Подскажите как сделать сделать переход на другую страницу?

Можно ли с помощью react dom router сделать так что бы при нажатии на копку Button все содержимое компоненты App заменилось содержимым компоненты Game. Пока что у меня получается только отрисовать компоненту внутри другой.

import './App.css';
import Buttons from './components/Buttons/Buttons';


function App() {
  return (
    <div className="App">

      <div className='wrapper'>
        <div className='main-title'>guess the number</div>
        <div className='title'>game mode</div>
        <Buttons />
        <div className='button-play'>
          <button>Play</button>
        </div>
      </div>
    </div>
  );
}

export default App;



import s from "../Buttons/Buttons.module.css"
import Button from "./Button/Button"

const Buttons = () => {
    return (
        <div className={s.wrapper}>
            <Button name="Easy" />
            <Button name="Medium" />
            <Button name="Hard" />
        </div>
    )
}

export default Buttons

import s from '../Game/Game.module.css'

const Game = () => {
    return (
        <div>
            game
        </div>
    )
}

export default Game