@25sprout/react-starter/template/src/components/atoms/Link/index.js

25sprout web starter with React

import React from 'react';

import { useHistory } from 'models/routing';

const onClickHandler = (callback, history) => {
	return e => {
		e.preventDefault();
		history.push(e.currentTarget.pathname);
		callback(e);
	};
};

const Link = ({ className, to, onClick = () => {}, children }) => {
	const history = useHistory();

	return (
		<a
			className={className}
			href={to}
			role="button"
			tabIndex={0}
			onClick={onClickHandler(onClick, history)}
			onKeyPress={() => {}}
		>
			{children}
		</a>
	);
};

export default Link;