AG-3316 agGridReact needs to be updated to use the updated react lifecycle hooks

src-examples/simpleReduxHooksExample/GridComponent.jsx

@@ -22,7 +22,7 @@ export default function GridComponent() {
                 columnDefs={columnDefs}
                 rowData={rowData}
 
-                reactNext
+                defaultColDef={{filter: true}}
 
                 // events
                 onGridReady={onGridReady}>

src-examples/simpleReduxHooksExample/PriceFilter.jsx

@@ -0,0 +1,18 @@
+import React, {forwardRef, useImperativeHandle, useRef} from "react";
+
+export default forwardRef((props, ref) => {
+    const inputRef = useRef();
+    useImperativeHandle(ref, () => {
+        return {
+            isFilterActive() {
+                return inputRef.current.value !== '';
+            },
+
+            doesFilterPass: (params) => {
+                return params.data.price.toString() === inputRef.current.value;
+            }
+        };
+    });
+
+    return <input type="text" ref={inputRef} onChange={() => props.filterChangedCallback()}/>;
+})

src-examples/simpleReduxHooksExample/store.js

@@ -1,6 +1,7 @@
 import React from "react";
 import PriceRenderer from "./PriceRenderer";
 import PriceEditor from "./PriceEditor";
+import PriceFilter from "./PriceFilter";
 
 export const initialState = {
     rowData: [],
@@ -14,6 +15,7 @@ export const initialState = {
             cellClass: 'align-right',
             editable: true,
             cellEditorFramework: PriceEditor,
+            filterFramework: PriceFilter,
             cellRendererFramework: PriceRenderer
         }
     ]