Flexmonster Table showing additional unwanted columns

Hi Team,
In the previous version of flexmonster, I was able to remove extra columns from table, which were not required to be displayed. But in the latest version update I am not able to do so. Extra columns can be seen in the table which I want to hide.
VERSION: 
("react-flexmonster": "^2.8.31")
CODE: 

const jsonData = [{
setupName: { type:'string', caption:t('setup_name') },
aggregatorName: { type:'string', caption:t('payer_agg') },
countryName: { type:'string', caption:t('country') },
payerName: { type:'string', caption:t('payer') },
lastModifiedDt: { type:'string', caption:t('last_modified_date') },
}];
const newData= jsonData.concat(API_Data);

 
Previously, this piece of code showed only these 5 keys in flexmonster table. But now all 20 keys are displayed in the table. (Screenshot attached).
 
Please suggest something regarding this.