Компоненты для перехода на другую страницу с помощью React Router

Question

правильно ли писать такие компоненты? Я хочу перенаправить пользователя на другую страницу после нажатия кнопки в моем меню? Что я должен изменить здесь? Может быть, использовать ссылку вместо кнопки?

import React from 'react';
import { useHistory } from 'react-router-dom';
import './MyAccountButton.scss';

const MyAccountButton = ({ path }) => {
  const history = useHistory();

  const handleButtonClick = () => {
    history.push(path);
  };

  return (
    <div className="my-account-button">
      <button type="button" onClick={() => handleButtonClick()}>
        My account
      </button>
    </div>
  );
};

export default MyAccountButton;

PS. Любые советы, как тестировать этот компонент с шуткой и энзимом ??