How to properly display Cloudinary attachment in new tab?

My React app displays list of documents and images the right way using Cloudinary link. This is how I do it:

{, key) => {
  return (
    <tbody key = {key}>
      <tr style={{backgroundColor:'#e7ecf0'}}>
            rel="noopener noreferrer"

However, when I click on the link, it opened in a new tab and the document won’t show. Somehow, the link displayed inside the table is correct but the link returned from the tab becomes something like this: http://localhost:3000/viewproject/ where it includes the localhost link as well. I don’t know how I can make it to be only starting from

>Solution :

use <a href={yourCloudinaryUrl}> instead of <Link>

Leave a Reply