build(app-react-cookbook): update [email protected]

.changeset/happy-moose-wave.md

@@ -0,0 +1,5 @@
+---
+'@equinor/fusion-framework-cookbook-app-react-ag-grid': patch
+---
+
+update ag-grid cookbook

cookbooks/app-react-ag-grid/package.json

@@ -22,10 +22,10 @@
         "typescript": "^5.1.3"
     },
     "dependencies": {
-        "@ag-grid-community/client-side-row-model": "~30.1.0",
-        "@ag-grid-community/core": "~30.1.0",
-        "@ag-grid-community/react": "~30.1.0",
-        "@equinor/fusion-framework-module-ag-grid": "^30.1.0",
+        "@ag-grid-community/client-side-row-model": "~30.2.0",
+        "@ag-grid-community/core": "~30.2.0",
+        "@ag-grid-community/react": "~30.2.0",
+        "@equinor/fusion-framework-module-ag-grid": "workspace:^",
         "@equinor/fusion-react-ag-grid-styles": "^29.3.9"
     }
 }

cookbooks/app-react-ag-grid/src/App.tsx

@@ -38,10 +38,11 @@ export const App = (): JSX.Element => {
                 <h4>Hello Fusion-framework Ag-Grid</h4>
                 <button onClick={addRow}>Add Row</button>
             </div>
-            <div className={styles.root}>
-                <div className="ag-theme-alpine-fusion" style={{ height: 400, width: 600 }}>
-                    <AgGridReact rowData={rowData} columnDefs={columnDefs}></AgGridReact>
-                </div>
+            <div
+                className={[styles.root, 'ag-theme-alpine-fusion'].join(' ')}
+                style={{ height: 500 }}
+            >
+                <AgGridReact rowData={rowData} columnDefs={columnDefs}></AgGridReact>
             </div>
         </>
     );