Render table body rows

App.js

renderMonthlyList = (monthlyEntryList) => {

        let options = [];

        if (monthlyEntryList && monthlyEntryList.length !== 0) {
            monthlyEntryList.forEach((entry, index) => {

                options.push(<tr key={`listRow${index}`}>
                        <td className="col-3" >{entry.date}</td>
                        <td className="col-3" >{entry.type}</td>
                        <td className="col-3" >{entry.retailer}</td>
                        <td className="col-3" >{formatCurrency(entry.currency, entry.value)}</td>
                    </tr>
                )
            })
        }
        return options
    };