diff --git a/CHANGELOG.md b/CHANGELOG.md index 7499fa1d10f83..d8e6af73aad21 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -104,7 +104,7 @@ Following are all team members who have contributed to this release: #### Breaking changes -- Passing additional props (like `data-*`, `aria-*`) directly on the Data Grid component is no longer supported. To pass the props, use `slotProps`. +- Passing additional props (like `data-*`, `aria-*`) directly on the Data Grid component is no longer supported. To pass the props, use `slotProps`: - For `.root` element, use `slotProps.root`. - For `.main` element (the one with `role="grid"`), use `slotProps.main`. diff --git a/docs/data/migration/migration-charts-v7/migration-charts-v7.md b/docs/data/migration/migration-charts-v7/migration-charts-v7.md index 72a8ce9490119..e192355a5d389 100644 --- a/docs/data/migration/migration-charts-v7/migration-charts-v7.md +++ b/docs/data/migration/migration-charts-v7/migration-charts-v7.md @@ -122,7 +122,7 @@ The `` by error had the code to render axes. This code has been removed in v8, which implies removing the following props: `axisHighlight`, `topAxis`, `rightAxis`, `bottomAxis`, and `leftAxis`. This should not impact your code. -If you used axes in a pie chart please open an issue, we would be curious to get more information about the use-case. +If you used axes in a pie chart please open an issue, we would be curious to get more information about the use case. ## Remove `resolveSizeBeforeRender` prop diff --git a/docs/data/migration/migration-data-grid-v7/migration-data-grid-v7.md b/docs/data/migration/migration-data-grid-v7/migration-data-grid-v7.md index a16848e577412..85b8dfa37d6c5 100644 --- a/docs/data/migration/migration-data-grid-v7/migration-data-grid-v7.md +++ b/docs/data/migration/migration-data-grid-v7/migration-data-grid-v7.md @@ -36,7 +36,7 @@ Below are described the steps you need to make to migrate from v7 to v8. ### Props -- Passing additional props (like `data-*`, `aria-*`) directly on the Data Grid component is no longer supported. To pass the props, use `slotProps`. +- Passing additional props (like `data-*`, `aria-*`) directly on the Data Grid component is no longer supported. To pass the props, use `slotProps`: - For the `.root` element, use `slotProps.root` - For the `.main` element (the one with `role="grid"`), use `slotProps.main` @@ -57,7 +57,7 @@ Below are described the steps you need to make to migrate from v7 to v8. ```diff -const idToIdLookup = gridRowsDataRowIdToIdLookupSelector(apiRef); - -const rowId = idToIdLookup[id] + -const rowId = idToIdLookup[id]; +const rowsLookup = gridRowsLookupSelector(apiRef); +const rowId = apiRef.current.getRowId(rowsLookup[id]); ``` @@ -91,13 +91,13 @@ Below are described the steps you need to make to migrate from v7 to v8. - The `useGridSelector` signature has been updated due to the introduction of arguments parameter in the selectors. Pass `undefined` as `arguments` if the selector doesn't use any arguments. ```diff - -const output = useGridSelector(apiRef, selector, equals) - +const output = useGridSelector(apiRef, selector, arguments, equals) + -const output = useGridSelector(apiRef, selector, equals); + +const output = useGridSelector(apiRef, selector, arguments, equals); ``` ### Other exports -- `ariaV8` experimental flag is removed. +- `ariaV8` experimental flag is removed. It's now the default behavior.