"react-pivot/index.jsx" Unexpected token error when using "basic example" from documentation #65
Description
Using the exact syntax of Basic example I get the error when trying to embed this as a React component in a page:
../node_modules/react-pivot/index.jsx
Module parse failed: Unexpected token (120:6)
You may need an appropriate loader to handle this file type.
|
| var html = (
| <div className='reactPivot'>
|
| { this.props.hideDimensionFilter ? '' :
My call is simply
import React from "react";
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
import AddressBookPivotTable from '../components/AddressBookPivotTable';
const Routes = ({ props }) => (
<Router>
<AddressBookPivotTable/>
</Router>
);
export default Routes;
and the underlying component is declared as
class AddressBookPivotTable extends React.Component {
render() {
return (
<ReactPivot
rows={rows}
dimensions={dimensions}
reduce={reduce}
calculations={calculations}
activeDimensions={["Transaction Type"]}
nPaginateRows={25}
/>
);
}
}
export default AddressBookPivotTable;
It's a create-react-app generated application this is embedded within.
Any help solving this would be appreciated