Uncaught Error: selector must be a . delimted string eg (my.property)

[NahidAhmed07]

When I trying to export or print a document throw this error on console . Uncaught Error: selector must be a . delimted string eg (my.property) at getProperty (utilities.js:61:1) at utilities.js:106:1 at Array.forEach () at utilities.js:93:1 at Array.forEach () at Object.dataRender (utilities.js:91:1) at DataTableExtensions.onDataRender (index.js:116:1) at DataTableExtensions.onPrint (index.js:165:1) at Object.onClick (index.js:227:1) at onClick (ui.js:85:1)

[eddylackmann]

I Have the same Issue

[AbnerLR-iSoft]

I have to react-data-table-component version = "^7.5.2" and "react-data-table-component-extensions": "^1.6.0"

This happened to me when i want to export, and i solved to problem like this

columns = [ { name: 'Folio', selector: row => row.Cfdi_Folio, cellExport: row => row.Cfdi_Folio, sortable: true }, ... ]

You must have this format in selector (selector: row => row.title ) Add to cellExport if you want to export

i followed to documentation

https://www.npmjs.com/package/@innenpkg/react-data-table-component-extensions

[davilatk]

I Have the same Issue

[SaqibJamil7866]

You have to define cellExport function in columns array.

const columns = [ { id: "id", name: "ID", selector: (row) => row.id, cellExport: (row) => row.id, sortable: true, }, { id: "title", name: "Title", selector: (row) => row.title, cellExport: (row) => row.title, sortable: true, }, { id: "year", name: "Year", selector: (row) => row.year, cellExport: (row) => row.year, sortable: true, }, ];