File not being download on click about react-csv HOT 9 OPEN

Ok After googling around for problems with chrome and blob urls I found out that was my adblocker the one preventing the downloads.

Maybe would be nice to leave a note in the docs that AdBlock or similar software will prevent this to work. Also my previous links seemed to work so maybe you want to take a look.

from react-csv.

I was running into this same issue. For me the problem was that the target="_blank" attribute triggered my Adblock extension (v 3.27.0). Overriding this in the props allowed me to download the file.

<CSVLink data={this.state.data} target="" />

from react-csv.

This solved my issue with natively without react-CSV.

        const link = document.createElement('a')
        link.href = window.URL.createObjectURL(csv)
        link.download = `filenName.csv`
        link.dispathEvent(new MouseEvent('click'))

from react-csv.

This example seems to work in case you want to check it https://medium.com/@danny.pule/export-json-to-csv-file-using-javascript-a0b7bc5b00d2

from react-csv.

Using uBlock and experiencing the same issue. Is the link or download being done to standard?

from react-csv.

Can you please provide an example of code that won't download, the steps you took to download the file, as well as any other info about your browser and ad-blocking extensions?

from react-csv.

<CSVLink data={this.state.csvData} filename={"Revenue Report for " + this.state.monthNames[this.state.month] + ".csv"} className={styles.download} ><InputButton text="📥 Download Financial Report" /></CSVLink>

I'm using uBlock Origin (Version: 1.15.18) on Chrome (Version 65.0.3325.181 (Official Build) (64-bit)).

I think the download is being blocked as a pop-up.

from react-csv.

Thanks @andynoelker, worked like a charm.

from react-csv.

@timersys THANKS A LOT!

from react-csv.