target _blank url not working in react js production build

Question

When I clicked on the link, I got a 404 error in the production build of react js and showed an error on the firebase hosting website.

<Link target='_blank' to={'/property-details?id='some_id'}/>

Answer 1

To fix it, you can change your code to below.

<Link to="/home" target="_blank" rel="noopener noreferrer" />

Just add the rel attribute to fix it. This may also improve your page performance.

---

If you want to use the <a> tag instead, then you can use the following code.

<a href="https://stackoverflow.com/" target="_blank" rel="noreferrer noopener">Stack Overflow</a>

The rel attribute will improve page performance.