Maintaining href “open in new tab” with an onClick handler in React

Question

I have an onClick (React) handler on a table cell that fires properly, however I want to maintain the \"Open in a new Tab\" feature that having an href on a tag

Answer 1

React + TypeScript inline util method:

const navigateToExternalUrl = (url: string, shouldOpenNewTab: boolean = true) =>
shouldOpenNewTab ? window.open(url, "_blank") : window.location.href = url;