diff --git a/package.json b/package.json index 7a59cf2..1922608 100644 --- a/package.json +++ b/package.json @@ -64,9 +64,8 @@ "d3": "4.9.1", "file-loader": "0.11.1", "lodash": "4.17.4", - "react": "16.0.0", - "react-dom": "16.0.0", - "react-dom-factories": "1.0.2", + "react": "16.4.1", + "react-dom": "16.4.1", "react-redux": "5.0.x", "react-router-dom": "4.2.x", "redux": "3.6.x", diff --git a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx index 068608b..428284a 100644 --- a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx @@ -1,4 +1,5 @@ import React, {Component} from "react"; +import * as PropTypes from "prop-types"; import {AgGridReact} from "ag-grid-react"; import {connect} from "react-redux"; @@ -45,6 +46,9 @@ class GridComponent extends Component { columnDefs={this.state.columnDefs} rowData={this.props.rowData} + reactNext={true} + reduxStore={this.context.store} // must be supplied when using redux with reactNext + // events onGridReady={this.onGridReady}> @@ -53,6 +57,10 @@ class GridComponent extends Component { } } +GridComponent.contextTypes = { + store: PropTypes.object // must be supplied when using redux with reactNext +}; + // pull off row data changes export default connect( (state) => { diff --git a/src-examples/simpleReduxDynamicComponentExample/PriceRenderer.jsx b/src-examples/simpleReduxDynamicComponentExample/PriceRenderer.jsx index 92bd9dd..07f7c75 100644 --- a/src-examples/simpleReduxDynamicComponentExample/PriceRenderer.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/PriceRenderer.jsx @@ -33,5 +33,8 @@ export default connect( currencySymbol: state.currencySymbol, exchangeRate: state.exchangeRate } - } + }, + null, + null, + { withRef: true } // must be supplied for react/redux when using GridOptions.reactNext )(PriceRenderer); \ No newline at end of file