refactor(blog): update the Material UI DataGrid blog post

[salihozdemir]

Updated the "Using Material UI DataGrid component with refine app" blog with refine@^4.0.

[changeset-bot]

⚠️ No Changeset found

Latest commit: b332642

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[netlify]

✅ Deploy Preview for lighthearted-pastelito-e86ad1 ready!

Name	Link
🔨 Latest commit	b332642
🔍 Latest deploy log	https://app.netlify.com/sites/lighthearted-pastelito-e86ad1/deploys/64c3800a44930c0008dbc4e8
😎 Deploy Preview	https://deploy-preview-4735--lighthearted-pastelito-e86ad1.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for refine-doc-live-previews ready!

Name	Link
🔨 Latest commit	b332642
🔍 Latest deploy log	https://app.netlify.com/sites/refine-doc-live-previews/deploys/64c3800a22e71b00083bcf53
😎 Deploy Preview	https://deploy-preview-4735--refine-doc-live-previews.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for aquamarine-panda-e208bf ready!

Name	Link
🔨 Latest commit	b332642
🔍 Latest deploy log	https://app.netlify.com/sites/aquamarine-panda-e208bf/deploys/64c3800a809cda000840d767
😎 Deploy Preview	https://deploy-preview-4735--aquamarine-panda-e208bf.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit b332642. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 83 targets

• lerna run cypress:run --scope with-remix-material-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group with-remix-material-ui
• lerna run cypress:run --scope with-remix-headless -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group with-remix-headless
• lerna run cypress:run --scope with-remix-antd -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group with-remix-antd
• lerna run cypress:run --scope with-nextjs-next-auth -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group with-nextjs-next-auth
• lerna run cypress:run --scope with-nextjs-auth -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group with-nextjs-auth
• lerna run cypress:run --scope with-nextjs-appdir -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group with-nextjs-appdir
• lerna run cypress:run --scope with-nextjs -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group with-nextjs
• lerna run cypress:run --scope server-side-form-validation-material-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group server-side-form-validation-material-ui
• lerna run cypress:run --scope form-chakra-use-modal-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-chakra-use-modal-form
• lerna run cypress:run --scope server-side-form-validation-mantine -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group server-side-form-validation-mantine
• lerna run cypress:run --scope form-material-ui-use-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-material-ui-use-form
• lerna run cypress:run --scope table-react-table-basic -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-react-table-basic
• lerna run cypress:run --scope form-chakra-ui-use-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-chakra-ui-use-form
• lerna run cypress:run --scope server-side-form-validation-chakra-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group server-side-form-validation-chakra-ui
• lerna run cypress:run --scope table-react-table-advanced -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-react-table-advanced
• lerna run cypress:run --scope form-material-ui-use-drawer-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-material-ui-use-drawer-form
• lerna run cypress:run --scope form-antd-mutation-mode -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-antd-mutation-mode
• lerna run cypress:run --scope server-side-form-validation-antd -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group server-side-form-validation-antd
• lerna run cypress:run --scope inferencer-chakra-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group inferencer-chakra-ui
• lerna run cypress:run --scope table-material-ui-use-update-many -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-material-ui-use-update-many
• lerna run cypress:run --scope form-material-ui-mutation-mode -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-material-ui-mutation-mode
• lerna run cypress:run --scope inferencer-material-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group inferencer-material-ui
• lerna run cypress:run --scope form-chakra-ui-use-drawer-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-chakra-ui-use-drawer-form
• lerna run cypress:run --scope table-material-ui-use-delete-many -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-material-ui-use-delete-many
• lerna run cypress:run --scope form-antd-custom-validation -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-antd-custom-validation
• lerna run cypress:run --scope table-material-ui-use-data-grid -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-material-ui-use-data-grid
• lerna run cypress:run --scope data-provider-supabase -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group data-provider-supabase
• lerna run cypress:run --scope table-chakra-ui-basic -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-chakra-ui-basic
• lerna run cypress:run --scope form-chakra-ui-mutation-mode -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-chakra-ui-mutation-mode
• lerna run cypress:run --scope form-mantine-use-steps-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-mantine-use-steps-form
• lerna run cypress:run --scope auth-material-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group auth-material-ui
• lerna run cypress:run --scope inferencer-antd -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group inferencer-antd
• lerna run cypress:run --scope table-material-ui-table-filter -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-material-ui-table-filter
• lerna run cypress:run --scope auth-mantine -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group auth-mantine
• lerna run cypress:run --scope table-chakra-ui-advanced -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-chakra-ui-advanced
• lerna run cypress:run --scope form-mantine-use-modal-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-mantine-use-modal-form
• lerna run cypress:run --scope inferencer-mantine -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group inferencer-mantine
• lerna run cypress:run --scope data-provider-strapi-v4 -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group data-provider-strapi-v4
• lerna run cypress:run --scope table-material-ui-data-grid-pro -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-material-ui-data-grid-pro
• lerna run cypress:run --scope auth-keycloak -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group auth-keycloak
• lerna run cypress:run --scope table-antd-use-update-many -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-antd-use-update-many
• lerna run cypress:run --scope form-antd-use-steps-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-antd-use-steps-form
• lerna run cypress:run --scope table-material-ui-cursor-pagination -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-material-ui-cursor-pagination
• lerna run cypress:run --scope form-save-and-continue -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-save-and-continue
• lerna run cypress:run --scope auth-headless -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group auth-headless
• lerna run cypress:run --scope table-antd-use-table -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-antd-use-table
• lerna run cypress:run --scope form-mantine-use-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-mantine-use-form
• lerna run cypress:run --scope table-material-ui-advanced -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-material-ui-advanced
• lerna run cypress:run --scope auth-google-login -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group auth-google-login
• lerna run cypress:run --scope form-antd-use-modal-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-antd-use-modal-form
• lerna run cypress:run --scope form-react-hook-form-use-steps-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-react-hook-form-use-steps-form
• lerna run cypress:run --scope auth-chakra-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group auth-chakra-ui
• lerna run cypress:run --scope table-antd-use-editable-table -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-antd-use-editable-table
• lerna run cypress:run --scope form-mantine-use-drawer-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-mantine-use-drawer-form
• lerna run cypress:run --scope base-material-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group base-material-ui
• lerna run cypress:run --scope auth-auth0 -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group auth-auth0
• lerna run cypress:run --scope form-react-hook-form-use-modal-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-react-hook-form-use-modal-form
• lerna run cypress:run --scope table-mantine-basic -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-mantine-basic
• lerna run cypress:run --scope table-antd-use-delete-many -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-antd-use-delete-many
• lerna run cypress:run --scope inferencer-headless -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group inferencer-headless
• lerna run cypress:run --scope form-antd-use-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-antd-use-form
• lerna run cypress:run --scope form-react-hook-form-use-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-react-hook-form-use-form
• lerna run cypress:run --scope base-mantine -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group base-mantine
• lerna run cypress:run --scope auth-antd -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group auth-antd
• lerna run cypress:run --scope table-antd-table-filter -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-antd-table-filter
• lerna run cypress:run --scope table-mantine-advanced -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-mantine-advanced
• lerna run cypress:run --scope form-material-ui-use-steps-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-material-ui-use-steps-form
• lerna run cypress:run --scope form-mantine-mutation-mode -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-mantine-mutation-mode
• lerna run cypress:run --scope inferencer-graphql-hasura -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group inferencer-graphql-hasura
• lerna run cypress:run --scope form-antd-use-drawer-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-antd-use-drawer-form
• lerna run cypress:run --scope base-chakra-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group base-chakra-ui
• lerna run cypress:run --scope table-antd-advanced -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-antd-advanced
• lerna run cypress:run --scope table-handson -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-handson
• lerna run cypress:run --scope form-material-ui-use-modal-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-material-ui-use-modal-form
• lerna run build --include-dependencies --scope @refinedev/core --no-bail --scope=access-control-casbin --scope=auth-antd --scope=access-control-cerbos --scope=accessControl --scope=antd-audit-log --scope=auth-auth0 --scope=antdAuditLog --scope=audit-log-provider --scope=auditLogProvider --scope=auth-chakra-ui --scope=auth-mui --scope=auth-otp --sco...
• lerna run cypress:run --scope base-antd -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group base-antd
• lerna run build --include-dependencies --scope @refinedev/core --no-bail --scope=with-custom-pages --scope=table-handson --scope=with-cypress --scope=with-javascript --scope=with-meta-properties --scope=table-mantine-advanced --scope=with-persist-query --scope=with-react-toastify --scope=with-remix-auth --scope=table-mantine-basic --scope=with-remi...
• lerna run build --include-dependencies --scope @refinedev/core --no-bail --scope=real-world-example --scope=inferencer-graphql-hasura --scope=refine-week-invoice-generator --scope=remix --scope=search --scope=inferencer-headless --scope=store --scope=storybook --scope=table --scope=inferencer-mantine --scope=table-mui-advanced --scope=table-mui-cur...
• lerna run build --include-dependencies --scope @refinedev/core --no-bail --scope=core-use-import --scope=form-antd-use-drawer-form --scope=core-use-menu --scope=core-use-modal --scope=core-use-select --scope=form-antd-use-form --scope=customPages --scope=customization --scope=customization-footer --scope=form-antd-use-modal-form --scope=customizati...
• lerna run build --include-dependencies --scope @refinedev/core --no-bail --scope=import-export-mantine --scope=form-material-ui-use-modal-form --scope=import-export-material-ui --scope=import-export-mui --scope=importExport --scope=form-material-ui-use-steps-form --scope=inferencer --scope=inferencer-mui --scope=input-custom --scope=form-react-hook...
• lerna run build --include-dependencies --scope @refinedev/core --no-bail --scope=blog-ra-chakra-tutorial --scope=base-antd --scope=blog-react-admin-mantine --scope=blog-react-aria --scope=blog-react-dnd --scope=base-chakra-ui --scope=blog-react-hook-dynamic-form --scope=blog-react-memoization-memo --scope=blog-react-toastify --scope=base-mantine --...
• lerna run build --include-dependencies --scope @refinedev/core --no-bail --scope=tutorial --scope=table-antd-advanced --scope=tutorial-antd --scope=tutorial-chakra-ui --scope=tutorial-headless --scope=table-antd-table-filter --scope=tutorial-mantine --scope=tutorial-material-ui --scope=tutorial-mui --scope=table-antd-use-delete-many --scope=ui --sc...
• lerna run build --include-dependencies --scope @refinedev/core --no-bail --scope=dataProvider --scope=form-mantine-mutation-mode --scope=e2e --scope=field --scope=field-antd-use-checkbox-group --scope=form-mantine-use-drawer-form --scope=field-antd-use-radio-group --scope=field-antd-use-select-basic --scope=field-antd-use-select-infinite --scope=fo...

---

Sent with 💌 from NxCloud.

[netlify]

✅ Deploy Preview for imaginative-sundae-1fd394 ready!

Name	Link
🔨 Latest commit	b332642
🔍 Latest deploy log	https://app.netlify.com/sites/imaginative-sundae-1fd394/deploys/64c3800ad6ef040008c06531
😎 Deploy Preview	https://deploy-preview-4735--imaginative-sundae-1fd394.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for stupendous-taffy-33f80c ready!

Name	Link
🔨 Latest commit	b332642
🔍 Latest deploy log	https://app.netlify.com/sites/stupendous-taffy-33f80c/deploys/64c3800ae3799c000793801c
😎 Deploy Preview	https://deploy-preview-4735--stupendous-taffy-33f80c.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[cypress]

Passing run #9825 ↗︎

0

86

25

0

0

Details:

Merge 84a2c30 into 34b55bb...
Project: refine	Commit: bae580c149 ℹ️
Status: Passed	Duration: 29:42 💡
Started: Jul 27, 2023 8:49 PM	Ended: Jul 27, 2023 9:19 PM

_{This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.}