TypeError: s.t.match is not a function

I’m using ‘Excel Export with custom cells style’ example and adding dynamic content. When I’m using your example then excelsheet is downloading with correct data but when I’m passing dynamic data then it’s showing error

TypeError: s.t.match is not a function

If I restart my server then many times this error not showing but data also not fetch in excelsheet after download

Sample code is here

import React, {Component} from 'react';
import ReactExport from 'react-data-export';
import _ from 'underscore'

const ExcelFile = ReactExport.ExcelFile;
const ExcelSheet = ReactExport.ExcelFile.ExcelSheet;

class App extends Component {
	constructor(props) {
		super(props);

		this.state = {
			multiDataSet: []
		}
	}

	componentDidMount() {
		this.callFakeApi()
	}

	callFakeApi() {
		fetch('https://jsonplaceholder.typicode.com/posts')
		.then(response => response.json())
		.then(json => {
			console.log(json)
			this.convertDataFormat(json)
		})
	}

	convertDataFormat(json) {
		const jsonHeader = _.keys(json[0])
		const data = json.map((obj, i) => {
			const array = []
			if (i % 2 === 0) {
				var style = {fill: {patternType: "solid", fgColor: {rgb: "FFFF0000"}}}
			} else {
				var style = {}
			}
			jsonHeader.map((columnName) => {
				array.push({value: obj[columnName], style})
			})
			return array
		})
		const multiDataSet = [{columns: jsonHeader, data: data}]
		console.log(multiDataSet)
		this.setState({
			multiDataSet
		})
	}

	render() {
		return (
			<div>
				<ExcelFile element={<button>Download Data With Styles</button>}>
					<ExcelSheet dataSet={this.state.multiDataSet} name="Organization"/>
				</ExcelFile>
			</div>
		);
	}
}

export default App

[minhtd1981]

Hi @securedeveloper,

I’d like to contribute a little bit on this project. This error occurred when s.t is not a string for instance a number.

If you are using dataSet, getCell() should be modified a little bit } else if (typeof v === ‘object’) { cell.v = v.value; cell.s = v.style; if (typeof v === ‘number’) cell.t = ‘n’ }

If you are using data, createSheetData() and excelSheetFromAoA() should be modified a little bit sheetRow.push({ value: … itemValue, style: style }) and } else if (typeof cell.v === ‘object’) { const { value, style } = cell.v; cell.v = value; cell.s = style; if (typeof value === ‘number’) cell.t = ‘n’ } else { so that you can set the style via ExcelColumn.

Thanks,

[minhtd1981]

@gmonte then you cannot use numFmt 😉 @securedeveloper I will try to arrange time to do that