Bump react-admin from 3.19.11 to 4.16.3

[dependabot]

Bumps react-admin from 3.19.11 to 4.16.3.

Release notes

Sourced from react-admin's releases.

4.16.3

• Fix <AutocompleteInput TextFieldProps> are not applied (#9527) (adguernier)
• Fix useReferenceManyFieldController does not debounce setFilters (#9523) (djhi)
• Fix <TabbedShowLayout> displays its fields as full width blocks (#9522) (djhi)
• Fix <ArrayInput> does not work in <FilterForm> (#9521) (djhi)
• Fix <Datagrid>'s rowClick and <ReferenceField>'s link should scroll to top (#9510) (DavidVergnaultMoank)
• Fix useTheme may return undefined (#9503) (djhi)
• [TypeScript] Fix useNotify types (#9529) (djhi)
• [Doc] Fix useInput documentation regarding errors display (#9520) (djhi)
• [Doc] Update documentation for handling App router part (#9513) (arimet)
• [Doc] Fix TS warnings in Connecting To A Real API tutorial (#9501) (adguernier)
• [Doc] Removed postgrest from auth providers (#9500) (gheesh)
• [Doc] Update <DatagridAG> doc to mention the component is lazy loaded by default (#9499) (slax57)
• [Doc] Improve <EditableDatagrid> doc (#9494) (adguernier)

4.16.2

• Fix clearing a nested filter re-renders the previous value when navigating back to the list (#9491) (slax57)
• Fix ra-data-graphql uses a Proxy, which prevents adding more methods automatically (#9487) (fzaninotto)
• Fix useUpdateMany doesn't accept the returnPromise option at call time (#9486) (fzaninotto)
• Fix <Pagination> logs a warning (#9474) (fzaninotto)
• [Doc] Update ra-form-layouts dialogs documentation (#9482) (djhi)
• [Doc] Fix snippets fails to render in JS (#9478) (fzaninotto)
• [Doc] Add link to tutorial for headless admin (#9477) (fzaninotto)

4.16.1

• Fix <FileInput> should display a validation errors right away when form mode is 'onChange' (#9459) (slax57)
• [TypeScript] Fix useRecordContext may return undefined (#9460) (groomain)
• [Doc] Add link to new demo: Note-taking app (#9465) (fzaninotto)
• [Doc] Add headless section in pages components (#9447) (fzaninotto)
• [Doc] Add example showing how to add <Inspector> to a custom layout (#9458) (rossb220)
• [Doc] Update <DatagridAG> doc to use the new package, and document the column order/size persistence (#9472) (slax57)
• [Doc] Update authProvider and dataProvider lists to target the documentation instead of the repository's root (#9471) (slax57)
• [Website] Reorder documentation's Discord and Github icons to match the website order (#9454) (adguernier)

4.16.0

• Add <SingleFieldList empty gap direction> props, and allow it to be used without children (#9439) (fzaninotto)
• Add <LoadingIndicator onClick> prop, allowing to trigger actions (like a refresh) on click (#9420) (david-bezero)
• Add <LocalesMenuButton icon> prop to customize the locales button icon (#9380) (djhi)
• Add <Form disableInvalidFormNotification> to allow disabling notifications when the form is invalid (#9353) (tim-hoffmann)

4.15.5

• Add support for fetchOptions to <CheckForApplicationUpdate> (#9436) (smeng9)
• Bump axios from 1.4.0 to 1.6.1 (#9438) (dependabot[bot])
• [Typescript] Fix <CheckForApplicationUpdate> props type should allow onNewVersionAvailable (#9444) (slax57)
• [Doc] Fix typos and anchors (#9449) (WiXSL)
• [Doc] Fix api implementation in Remix tutorial throws a decoding error when less than 10 records are returned (#9448) (erwanMarmelab)
• [Doc] Fix various snippets containing props forwarding (#9443) (fzaninotto)
• [Doc] Update RBAC OSS Doc (#9435) (erwanMarmelab)
• [Doc] Introduce classname and sx prop for SolarMenu component (#9440) (adguernier)
• [Doc] Add documentation for <CheckForApplicationUpdate onNewVersionAvailable> (#9437) (smeng9)

... (truncated)

Changelog

Sourced from react-admin's changelog.

v4.16.3

• Fix useNotify types (#9529) (djhi)
• Fix <AutocompleteInput TextFieldProps> are not applied (#9527) (adguernier)
• Fix useReferenceManyFieldController does not debounce setFilters (#9523) (djhi)
• Fix <TabbedShowLayout> displays its fields as full width blocks (#9522) (djhi)
• Fix <ArrayInput> does not work in <FilterForm> (#9521) (djhi)
• Fix <Datagrid>'s rowClick and <ReferenceField>'s link should scroll to top (#9510) (DavidVergnaultMoank)
• Fix useTheme may return undefined (#9503) (djhi)
• [Doc] Fix useInput documentation regarding errors display (#9520) (djhi)
• [Doc] Update documentation for handling App router part (#9513) (arimet)
• [Doc] Fix TS warnings in Connecting To A Real API tutorial (#9501) (adguernier)
• [Doc] Removed postgrest from auth providers (#9500) (gheesh)
• [Doc] Update <DatagridAG> doc to mention the component is lazy loaded by default (#9499) (slax57)
• [Doc] Improve <EditableDatagrid> doc (#9494) (adguernier)

v4.16.2

• Fix clearing a nested filter re-renders the previous value when navigating back to the list (#9491) (slax57)
• Fix ra-data-graphql uses a Proxy, which prevents adding more methods automatically (#9487) (fzaninotto)
• Fix useUpdateMany doesn't accept the returnPromise option at call time (#9486) (fzaninotto)
• Fix <Pagination> logs a warning (#9474) (fzaninotto)
• [Doc] Update ra-form-layouts dialogs documentation (#9482) (djhi)
• [Doc] Fix snippets fails to render in JS (#9478) (fzaninotto)
• [Doc] Add link to tutorial for headless admin (#9477) (fzaninotto)

v4.16.1

• Fix <FileInput> should display a validation errors right away when form mode is 'onChange' (#9459) (slax57)
• [TypeScript] Fix useRecordContext may return undefined (#9460) (groomain)
• [Doc] Add link to new demo: Note-taking app (#9465) (fzaninotto)
• [Doc] Add headless section in pages components (#9447) (fzaninotto)
• [Doc] Add example showing how to add <Inspector> to a custom layout (#9458) (rossb220)
• [Doc] Update <DatagridAG> doc to use the new package, and document the column order/size persistence (#9472) (slax57)
• [Doc] Update authProvider and dataProvider lists to target the documentation instead of the repository's root (#9471) (slax57)
• [Website] Reorder documentation's Discord and Github icons to match the website order (#9454) (adguernier)

v4.16.0

• Add <SingleFieldList empty gap direction> props, and allow it to be used without children (#9439) (fzaninotto)
• Add <LoadingIndicator onClick> prop, allowing to trigger actions (like a refresh) on click (#9420) (david-bezero)
• Add <LocalesMenuButton icon> prop to customize the locales button icon (#9380) (djhi)
• Add <Form disableInvalidFormNotification> to allow disabling notifications when the form is invalid (#9353) (tim-hoffmann)

v4.15.5

• Add support for fetchOptions to <CheckForApplicationUpdate> (#9436) (smeng9)
• Bump axios from 1.4.0 to 1.6.1 (#9438) (dependabot[bot])
• [Typescript] Fix <CheckForApplicationUpdate> props type should allow onNewVersionAvailable (#9444) (slax57)

... (truncated)

Upgrade guide

Sourced from react-admin's upgrade guide.

---

layout: default title: "Upgrading to v4"

Upgrading to v4

React-admin v4 has upgraded all its dependencies to their latest major version. Some major dependencies were swapped (react-query instead of redux, react-hook-form instead of react-final-form). In addition, the lower layers of the react-admin code have been rewritten for better extensibility.

We've done our best to keep the general API of react-admin v4 similar with the v3 API. But the changes mentioned above result in many small compatibility breaks. An application built with react-admin v3 will need some work to run with react-admin v4.

Depending on the size of your v3 application, the upgrade will take between a few hours to a few days. If you use TypeScript, the migration will be much faster.

Material UI v5

React-admin v4 uses Material UI (Material-UI) v5. The Material UI team has written an upgrade guide, which you should read to upgrade your material-ui code.

https://mui.com/material-ui/migration/migration-v4/

Redux Is Gone

React-admin no longer relies on Redux. Instead, it relies on React context and third-party libraries (e.g. react-query).

You will need to update your code if it contains any of the following keywords:

• createAdminStore
• customReducers
• customSagas
• initialState
• useSelector
• useDispatch

Running Inside A Redux App

You could run a react-admin app inside an existing Redux app, provided that you initialized the react-admin reducers. This is no longer necessary, so you can directly put your custom reducers in your Redux store:

-import { createAdminStore, Admin } from 'react-admin';
+import { Admin } from 'react-admin';
+import { createStore, combineReducers } from 'redux';
import { Provider } from 'react-redux';
const App = () => (
<Provider


  store={createAdminStore({



      authProvider,



      dataProvider,



      history,



      customReducers,



  })}



</tr></table>

... (truncated)

Commits

• 3e6b15f v4.16.3
• 41e47de Update changelog for v4.16.3
• e5d562e Merge pull request #9523 from marmelab/reference-many-field-set-filters-debounce
• ce4ab9e Merge pull request #9529 from marmelab/fix-notify-types
• e3af328 Merge pull request #9527 from marmelab/fix-autocomplete-input-props-are-overr...
• 07d6993 Update documentation [skip-ci]
• a54b67d Fix useNotify types
• a8b65d2 fix test
• b2e373e fix: AutocompleteInput TextFieldProps does not apply
• 8c1ddfe Merge pull request #9513 from marmelab/doc/next-remix
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[dependabot]

Superseded by #501.