React integration with Json

How do i add JSON object to the grid in react? I wrote the following code but data is not showing on the grid:
 
const tableData =
[
{
“Product”: “Apple”,
“Price”: 2.50
},
{
“Product”: “Cherry”,
“Price”: 5.25
}
];
export class App extends React.PureComponent {

render() {
return (

<div>
<WebDataRocksReact.Pivot toolbar={true}
report= {tableData}
/>
</div>
);
}
}
export default App;