React Link to - provide absolute path

Question

I have below code

<Link className={classes.btnText}  key= {props.id} 
                to= {"https://s3.amazonaws.com/pdf/download.pdf" } target="_blank" download>Brochure <span> &darr; </span> </Link>

The issue is i'm not able to give the absolute path. It is getting updated as

localhost:3000/https://s3.amazonaws.com/pdf/download.pdf

Can i know how to give complete url

Answer 1

You can use <a> tag instead

<a href="https://s3.amazonaws.com/pdf/download.pdf" target="_blank" className={classes.btnText}>