как повесить на кнопку событие и переход по ссылке

есть следующий компонент

import React, { useContext } from "react";
import { Link } from "react-router-dom";
import { ViewContext } from "../Context/ViewContextProvider";

export const Item = (props: any) => {
  const { setStateMenuValue } = useContext(ViewContext);
  const handleOnClick = (e: { preventDefault: () => void }) => {
    e.preventDefault();
    setStateMenuValue();
  };
  return (
    <Link to={props.url} >
      <div className="itemMenu" onClick={handleOnClick}>
        <div className="itemMenu__wrap" >
          <span> {props.nameItem}</span>
        </div>
      </div>
    </Link>
  );
};

Так вот я повесил событие onClick и переход по ссылки на одну кнопку, вследствие чего работает только отработка события. Есть ли способ как это можно обойти и чтобы работало то и другое?