diff --git a/docs/DataProviderWriting.md b/docs/DataProviderWriting.md
index 54795b611fa..3fe360c9dc3 100644
--- a/docs/DataProviderWriting.md
+++ b/docs/DataProviderWriting.md
@@ -687,7 +687,7 @@ Here is an example implementation, that you can use as a base for your own Data
 
 ```js
 import { fetchUtils } from 'react-admin';
-import { stringify } from 'query-string';
+import queryString from 'query-string';
 
 const apiUrl = 'https://my.api.com/';
 const httpClient = fetchUtils.fetchJson;
@@ -701,7 +701,7 @@ export default {
             range: JSON.stringify([(page - 1) * perPage, page * perPage - 1]),
             filter: JSON.stringify(params.filter),
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
         const { json, headers } = await httpClient(url, { signal: params.signal });
         return {
             data: json,
@@ -719,7 +719,7 @@ export default {
         const query = {
             filter: JSON.stringify({ ids: params.ids }),
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
         const { json } = await httpClient(url, { signal: params.signal });
         return { data: json };
     },
@@ -735,7 +735,7 @@ export default {
                 [params.target]: params.id,
             }),
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
         const { json, headers } = await httpClient(url, { signal: params.signal });
         return {
             data: json,
@@ -764,7 +764,7 @@ export default {
         const query = {
             filter: JSON.stringify({ id: params.ids}),
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
         const { json } = await httpClient(url, {
             method: 'PUT',
             body: JSON.stringify(params.data),
@@ -784,7 +784,7 @@ export default {
         const query = {
             filter: JSON.stringify({ id: params.ids}),
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
         const { json } = await httpClient(url, {
             method: 'DELETE',
             body: JSON.stringify(params.data),
diff --git a/docs/ListTutorial.md b/docs/ListTutorial.md
index c7cf72e631a..c5771a9b898 100644
--- a/docs/ListTutorial.md
+++ b/docs/ListTutorial.md
@@ -700,7 +700,7 @@ For instance, if you have a list of posts ordered by publication date, and you w
 ```tsx
 import Button from '@mui/material/Button';
 import { Link } from 'react-router-dom';
-import { stringify } from 'query-string';
+import queryString from 'query-string';
 
 const SortByViews = () => (
     <Button
@@ -708,7 +708,7 @@ const SortByViews = () => (
         component={Link}
         to={{
             pathname: '/posts',
-            search: stringify({
+            search: queryString.stringify({
                 page: 1,
                 perPage: 25,
                 sort: 'nb_views',
diff --git a/docs/Tutorial.md b/docs/Tutorial.md
index d50c2ff55b1..966bc2a5600 100644
--- a/docs/Tutorial.md
+++ b/docs/Tutorial.md
@@ -1029,7 +1029,7 @@ The code for a Data Provider for the `my.api.url` API is as follows:
 ```tsx
 // in src/dataProvider.ts
 import { DataProvider, fetchUtils } from "react-admin";
-import { stringify } from "query-string";
+import queryString from "query-string";
 
 const apiUrl = 'https://my.api.com/';
 const httpClient = fetchUtils.fetchJson;
@@ -1043,7 +1043,7 @@ export const dataProvider: DataProvider = {
             range: JSON.stringify([(page - 1) * perPage, page * perPage - 1]),
             filter: JSON.stringify(params.filter),
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
 
         return httpClient(url).then(({ headers, json }) => ({
             data: json,
@@ -1060,7 +1060,7 @@ export const dataProvider: DataProvider = {
         const query = {
             filter: JSON.stringify({ id: params.ids }),
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
         return httpClient(url).then(({ json }) => ({ data: json }));
     },
 
@@ -1075,7 +1075,7 @@ export const dataProvider: DataProvider = {
                 [params.target]: params.id,
             }),
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
 
         return httpClient(url).then(({ headers, json }) => ({
             data: json,
@@ -1093,7 +1093,7 @@ export const dataProvider: DataProvider = {
         const query = {
             filter: JSON.stringify({ id: params.ids}),
         };
-        return httpClient(`${apiUrl}/${resource}?${stringify(query)}`, {
+        return httpClient(`${apiUrl}/${resource}?${queryString.stringify(query)}`, {
             method: 'PUT',
             body: JSON.stringify(params.data),
         }).then(({ json }) => ({ data: json }));
@@ -1116,7 +1116,7 @@ export const dataProvider: DataProvider = {
         const query = {
             filter: JSON.stringify({ id: params.ids}),
         };
-        return httpClient(`${apiUrl}/${resource}?${stringify(query)}`, {
+        return httpClient(`${apiUrl}/${resource}?${queryString.stringify(query)}`, {
             method: 'DELETE',
         }).then(({ json }) => ({ data: json }));
     }
diff --git a/examples/demo/package.json b/examples/demo/package.json
index 14704578886..3ab10cd4a85 100644
--- a/examples/demo/package.json
+++ b/examples/demo/package.json
@@ -18,7 +18,7 @@
         "graphql-tag": "^2.12.6",
         "inflection": "^3.0.0",
         "json-graphql-server": "~3.0.1",
-        "query-string": "^7.1.1",
+        "query-string": "^9.0.0",
         "ra-data-fakerest": "^5.0.0-alpha.0",
         "ra-data-graphql": "^5.0.0-alpha.0",
         "ra-data-graphql-simple": "^5.0.0-alpha.0",
@@ -53,4 +53,4 @@
         "typescript": "^5.1.3",
         "vite": "^5.0.11"
     }
-}
+}
\ No newline at end of file
diff --git a/examples/demo/src/categories/LinkToRelatedProducts.tsx b/examples/demo/src/categories/LinkToRelatedProducts.tsx
index bf502f5f093..09cadc2d1d2 100644
--- a/examples/demo/src/categories/LinkToRelatedProducts.tsx
+++ b/examples/demo/src/categories/LinkToRelatedProducts.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import Button from '@mui/material/Button';
 import { Link } from 'react-router-dom';
 import { useTranslate, useRecordContext } from 'react-admin';
-import { stringify } from 'query-string';
+import queryString from 'query-string';
 
 import products from '../products';
 import { Category } from '../types';
@@ -18,7 +18,7 @@ const LinkToRelatedProducts = () => {
             component={Link}
             to={{
                 pathname: '/products',
-                search: stringify({
+                search: queryString.stringify({
                     filter: JSON.stringify({ category_id: record.id }),
                 }),
             }}
diff --git a/examples/demo/src/dashboard/PendingReviews.tsx b/examples/demo/src/dashboard/PendingReviews.tsx
index d982a5d2e51..0610010fa0f 100644
--- a/examples/demo/src/dashboard/PendingReviews.tsx
+++ b/examples/demo/src/dashboard/PendingReviews.tsx
@@ -19,7 +19,7 @@ import {
     useIsDataLoaded,
 } from 'react-admin';
 
-import { stringify } from 'query-string';
+import queryString from 'query-string';
 
 import CardWithIcon from './CardWithIcon';
 import StarRatingField from '../reviews/StarRatingField';
@@ -47,7 +47,7 @@ const PendingReviews = () => {
         <CardWithIcon
             to={{
                 pathname: '/reviews',
-                search: stringify({
+                search: queryString.stringify({
                     filter: JSON.stringify({ status: 'pending' }),
                 }),
             }}
diff --git a/examples/demo/src/segments/LinkToRelatedCustomers.tsx b/examples/demo/src/segments/LinkToRelatedCustomers.tsx
index 44bc745cfd6..b48e6341795 100644
--- a/examples/demo/src/segments/LinkToRelatedCustomers.tsx
+++ b/examples/demo/src/segments/LinkToRelatedCustomers.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Button } from '@mui/material';
 import { Link } from 'react-router-dom';
 import { useTranslate } from 'react-admin';
-import { stringify } from 'query-string';
+import queryString from 'query-string';
 
 import visitors from '../visitors';
 
@@ -15,7 +15,7 @@ const LinkToRelatedCustomers = ({ segment }: { segment: string }) => {
             component={Link}
             to={{
                 pathname: '/customers',
-                search: stringify({
+                search: queryString.stringify({
                     filter: JSON.stringify({ groups: segment }),
                 }),
             }}
diff --git a/jest.config.js b/jest.config.js
index a8e80d41584..541e11673fe 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -28,7 +28,7 @@ module.exports = {
         '/packages/create-react-admin/templates',
     ],
     transformIgnorePatterns: [
-        '[/\\\\]node_modules[/\\\\](?!(@hookform)/).+\\.(js|jsx|mjs|ts|tsx)$',
+        '[/\\\\]node_modules[/\\\\](?!(@hookform|query-string|decode-uri-component|filter-obj|split-on-first)/).+\\.(js|jsx|mjs|ts|tsx)$',
     ],
     transform: {
         // '^.+\\.[tj]sx?$' to process js/ts with `ts-jest`
diff --git a/packages/ra-core/package.json b/packages/ra-core/package.json
index 6b80b8a7687..8b3059c28b0 100644
--- a/packages/ra-core/package.json
+++ b/packages/ra-core/package.json
@@ -67,8 +67,8 @@
         "inflection": "^3.0.0",
         "jsonexport": "^3.2.0",
         "lodash": "~4.17.5",
-        "query-string": "^7.1.1",
+        "query-string": "^9.0.0",
         "react-is": "^18.2.0"
     },
     "gitHead": "587df4c27bfcec4a756df4f95e5fc14728dfc0d7"
-}
+}
\ No newline at end of file
diff --git a/packages/ra-core/src/controller/create/useCreateController.ts b/packages/ra-core/src/controller/create/useCreateController.ts
index dfe97936009..5459f4f003a 100644
--- a/packages/ra-core/src/controller/create/useCreateController.ts
+++ b/packages/ra-core/src/controller/create/useCreateController.ts
@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 // @ts-ignore
-import { parse } from 'query-string';
+import queryString from 'query-string';
 import { useLocation, Location } from 'react-router-dom';
 import { UseMutationOptions } from '@tanstack/react-query';
 
@@ -232,7 +232,7 @@ export const getRecordFromLocation = ({ state, search }: Location) => {
     }
     if (search) {
         try {
-            const searchParams = parse(search);
+            const searchParams = queryString.parse(search);
             if (searchParams.source) {
                 if (Array.isArray(searchParams.source)) {
                     console.error(
diff --git a/packages/ra-core/src/controller/list/useListParams.spec.tsx b/packages/ra-core/src/controller/list/useListParams.spec.tsx
index 47beab675b5..04d9c33896c 100644
--- a/packages/ra-core/src/controller/list/useListParams.spec.tsx
+++ b/packages/ra-core/src/controller/list/useListParams.spec.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import expect from 'expect';
 import { render, screen } from '@testing-library/react';
-import { stringify } from 'query-string';
+import queryString from 'query-string';
 import { fireEvent, waitFor } from '@testing-library/react';
 import { CoreAdminContext } from '../../core';
 
@@ -217,7 +217,7 @@ describe('useListParams', () => {
                         pathname: '/',
                         search:
                             '?' +
-                            stringify({
+                            queryString.stringify({
                                 displayedFilters: JSON.stringify({ foo: true }),
                                 filter: JSON.stringify({ foo: 'bar' }),
                                 sort: 'id',
@@ -258,7 +258,7 @@ describe('useListParams', () => {
                         pathname: '/',
                         search:
                             '?' +
-                            stringify({
+                            queryString.stringify({
                                 displayedFilters: JSON.stringify({ foo: true }),
                                 filter: JSON.stringify({ foo: 'bar' }),
                                 sort: 'id',
@@ -300,7 +300,7 @@ describe('useListParams', () => {
                         pathname: '/',
                         search:
                             '?' +
-                            stringify({
+                            queryString.stringify({
                                 displayedFilters: JSON.stringify({
                                     'foo.bar': true,
                                 }),
@@ -344,7 +344,7 @@ describe('useListParams', () => {
                         pathname: '/',
                         search:
                             '?' +
-                            stringify({
+                            queryString.stringify({
                                 displayedFilters: JSON.stringify({
                                     'foo.bar': true,
                                 }),
@@ -409,7 +409,7 @@ describe('useListParams', () => {
                         pathname: '/',
                         search:
                             '?' +
-                            stringify({
+                            queryString.stringify({
                                 filter: JSON.stringify({}),
                                 sort: 'id',
                                 order: 'ASC',
@@ -462,7 +462,7 @@ describe('useListParams', () => {
                     pathname: '/',
                     search:
                         '?' +
-                        stringify({
+                        queryString.stringify({
                             filter: JSON.stringify({}),
                             sort: 'id',
                             order: 'ASC',
diff --git a/packages/ra-core/src/controller/list/useListParams.ts b/packages/ra-core/src/controller/list/useListParams.ts
index 531501af25a..089a8cdc80c 100644
--- a/packages/ra-core/src/controller/list/useListParams.ts
+++ b/packages/ra-core/src/controller/list/useListParams.ts
@@ -1,5 +1,5 @@
 import { useCallback, useMemo, useEffect, useState, useRef } from 'react';
-import { parse, stringify } from 'query-string';
+import queryString from 'query-string';
 import lodashDebounce from 'lodash/debounce';
 import pickBy from 'lodash/pickBy';
 import { useNavigate, useLocation } from 'react-router-dom';
@@ -167,7 +167,7 @@ export const useListParams = ({
                         // the useEffect above will apply the changes to the params in the store
                         navigate(
                             {
-                                search: `?${stringify({
+                                search: `?${queryString.stringify({
                                     ...tempParams.current,
                                     filter: JSON.stringify(
                                         tempParams.current.filter
@@ -304,7 +304,7 @@ const parseObject = (query, field) => {
 
 export const parseQueryFromLocation = ({ search }): Partial<ListParams> => {
     const query = pickBy(
-        parse(search),
+        queryString.parse(search),
         (v, k) => validQueryParams.indexOf(k) !== -1
     );
     parseObject(query, 'filter');
diff --git a/packages/ra-core/src/dataProvider/fetch.ts b/packages/ra-core/src/dataProvider/fetch.ts
index 9bd5cb74708..b8e964a87fe 100644
--- a/packages/ra-core/src/dataProvider/fetch.ts
+++ b/packages/ra-core/src/dataProvider/fetch.ts
@@ -1,5 +1,5 @@
 import HttpError from './HttpError';
-import { stringify } from 'query-string';
+import queryString from 'query-string';
 
 export interface Options extends RequestInit {
     user?: {
@@ -79,7 +79,7 @@ export const fetchJson = (url, options: Options = {}) => {
         });
 };
 
-export const queryParameters = stringify;
+export const queryParameters = queryString.stringify;
 
 const isValidObject = value => {
     if (!value) {
diff --git a/packages/ra-data-json-server/package.json b/packages/ra-data-json-server/package.json
index 058cf79707d..ca22cd7c25c 100644
--- a/packages/ra-data-json-server/package.json
+++ b/packages/ra-data-json-server/package.json
@@ -25,7 +25,7 @@
         "watch": "tsc --outDir dist/esm --module es2015 --watch"
     },
     "dependencies": {
-        "query-string": "^7.1.1",
+        "query-string": "^9.0.0",
         "ra-core": "^5.0.0-beta.0"
     },
     "devDependencies": {
@@ -34,4 +34,4 @@
         "typescript": "^5.1.3"
     },
     "gitHead": "587df4c27bfcec4a756df4f95e5fc14728dfc0d7"
-}
+}
\ No newline at end of file
diff --git a/packages/ra-data-json-server/src/index.ts b/packages/ra-data-json-server/src/index.ts
index c8254411620..ba24ebdda35 100644
--- a/packages/ra-data-json-server/src/index.ts
+++ b/packages/ra-data-json-server/src/index.ts
@@ -1,4 +1,4 @@
-import { stringify } from 'query-string';
+import queryString from 'query-string';
 import { fetchUtils, DataProvider } from 'ra-core';
 
 /**
@@ -44,7 +44,7 @@ export default (apiUrl, httpClient = fetchUtils.fetchJson): DataProvider => ({
             _start: (page - 1) * perPage,
             _end: page * perPage,
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
 
         return httpClient(url, { signal: params?.signal }).then(
             ({ headers, json }) => {
@@ -75,7 +75,7 @@ export default (apiUrl, httpClient = fetchUtils.fetchJson): DataProvider => ({
         const query = {
             id: params.ids,
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
         return httpClient(url, { signal: params?.signal }).then(({ json }) => ({
             data: json,
         }));
@@ -92,7 +92,7 @@ export default (apiUrl, httpClient = fetchUtils.fetchJson): DataProvider => ({
             _start: (page - 1) * perPage,
             _end: page * perPage,
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
 
         return httpClient(url, { signal: params?.signal }).then(
             ({ headers, json }) => {
diff --git a/packages/ra-data-simple-rest/package.json b/packages/ra-data-simple-rest/package.json
index c1c83f649bb..b060fd70b75 100644
--- a/packages/ra-data-simple-rest/package.json
+++ b/packages/ra-data-simple-rest/package.json
@@ -25,7 +25,7 @@
         "watch": "tsc --outDir dist/esm --module es2015 --watch"
     },
     "dependencies": {
-        "query-string": "^7.1.1"
+        "query-string": "^9.0.0"
     },
     "devDependencies": {
         "cross-env": "^5.2.0",
diff --git a/packages/ra-data-simple-rest/src/index.ts b/packages/ra-data-simple-rest/src/index.ts
index 28ea325af8f..ebc15ca456e 100644
--- a/packages/ra-data-simple-rest/src/index.ts
+++ b/packages/ra-data-simple-rest/src/index.ts
@@ -1,4 +1,4 @@
-import { stringify } from 'query-string';
+import queryString from 'query-string';
 import { fetchUtils, DataProvider } from 'ra-core';
 
 /**
@@ -50,7 +50,7 @@ export default (
             range: JSON.stringify([rangeStart, rangeEnd]),
             filter: JSON.stringify(params.filter),
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
         const options =
             countHeader === 'Content-Range'
                 ? {
@@ -92,7 +92,7 @@ export default (
         const query = {
             filter: JSON.stringify({ id: params.ids }),
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
         return httpClient(url, { signal: params?.signal }).then(({ json }) => ({
             data: json,
         }));
@@ -113,7 +113,7 @@ export default (
                 [params.target]: params.id,
             }),
         };
-        const url = `${apiUrl}/${resource}?${stringify(query)}`;
+        const url = `${apiUrl}/${resource}?${queryString.stringify(query)}`;
         const options =
             countHeader === 'Content-Range'
                 ? {
diff --git a/packages/ra-ui-materialui/package.json b/packages/ra-ui-materialui/package.json
index c46bbc66a95..bc864deffc5 100644
--- a/packages/ra-ui-materialui/package.json
+++ b/packages/ra-ui-materialui/package.json
@@ -72,10 +72,10 @@
         "inflection": "^3.0.0",
         "jsonexport": "^3.2.0",
         "lodash": "~4.17.5",
-        "query-string": "^7.1.1",
+        "query-string": "^9.0.0",
         "react-dropzone": "^14.2.3",
         "react-error-boundary": "^4.0.13",
         "react-transition-group": "^4.4.5"
     },
     "gitHead": "587df4c27bfcec4a756df4f95e5fc14728dfc0d7"
-}
+}
\ No newline at end of file
diff --git a/packages/ra-ui-materialui/src/button/CloneButton.tsx b/packages/ra-ui-materialui/src/button/CloneButton.tsx
index bde7363c86e..f3a723d7fe3 100644
--- a/packages/ra-ui-materialui/src/button/CloneButton.tsx
+++ b/packages/ra-ui-materialui/src/button/CloneButton.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { memo, ReactElement } from 'react';
 import Queue from '@mui/icons-material/Queue';
 import { Link } from 'react-router-dom';
-import { stringify } from 'query-string';
+import queryString from 'query-string';
 import { useResourceContext, useRecordContext, useCreatePath } from 'ra-core';
 
 import { Button, ButtonProps } from './Button';
@@ -25,7 +25,7 @@ export const CloneButton = (props: CloneButtonProps) => {
                 record
                     ? {
                           pathname,
-                          search: stringify({
+                          search: queryString.stringify({
                               source: JSON.stringify(omitId(record)),
                           }),
                       }
diff --git a/packages/ra-ui-materialui/src/list/filter/FilterButton.tsx b/packages/ra-ui-materialui/src/list/filter/FilterButton.tsx
index e34f112e90d..d6f3003c3a6 100644
--- a/packages/ra-ui-materialui/src/list/filter/FilterButton.tsx
+++ b/packages/ra-ui-materialui/src/list/filter/FilterButton.tsx
@@ -17,7 +17,7 @@ import ContentFilter from '@mui/icons-material/FilterList';
 import lodashGet from 'lodash/get';
 import isEqual from 'lodash/isEqual';
 import { useListContext, useResourceContext, useTranslate } from 'ra-core';
-import { stringify } from 'query-string';
+import queryString from 'query-string';
 import { useNavigate } from 'react-router';
 
 import { FilterButtonMenuItem } from './FilterButtonMenuItem';
@@ -194,7 +194,7 @@ export const FilterButton = (props: FilterButtonProps) => {
                         <MenuItem
                             onClick={(): void => {
                                 navigate({
-                                    search: stringify({
+                                    search: queryString.stringify({
                                         filter: JSON.stringify(
                                             savedQuery.value.filter
                                         ),
diff --git a/packages/ra-ui-materialui/src/list/filter/SavedQueryFilterListItem.tsx b/packages/ra-ui-materialui/src/list/filter/SavedQueryFilterListItem.tsx
index f3df65f735a..2c15c084294 100644
--- a/packages/ra-ui-materialui/src/list/filter/SavedQueryFilterListItem.tsx
+++ b/packages/ra-ui-materialui/src/list/filter/SavedQueryFilterListItem.tsx
@@ -12,7 +12,7 @@ import {
 import CancelIcon from '@mui/icons-material/CancelOutlined';
 import isEqual from 'lodash/isEqual';
 import { useNavigate } from 'react-router-dom';
-import { stringify } from 'query-string';
+import queryString from 'query-string';
 import { useListContext } from 'ra-core';
 
 import { SavedQuery } from './useSavedQueries';
@@ -44,7 +44,7 @@ export const SavedQueryFilterListItem = memo(
 
         const addFilter = (): void => {
             navigate({
-                search: stringify({
+                search: queryString.stringify({
                     filter: JSON.stringify(value.filter),
                     sort: value.sort?.field,
                     order: value.sort?.order,
@@ -57,7 +57,7 @@ export const SavedQueryFilterListItem = memo(
 
         const removeFilter = (): void => {
             navigate({
-                search: stringify({
+                search: queryString.stringify({
                     filter: JSON.stringify({}),
                 }),
             });
diff --git a/yarn.lock b/yarn.lock
index 922bb3acf8f..b19a211cfad 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10277,10 +10277,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"decode-uri-component@npm:^0.2.0":
-  version: 0.2.2
-  resolution: "decode-uri-component@npm:0.2.2"
-  checksum: 1f4fa54eb740414a816b3f6c24818fbfcabd74ac478391e9f4e2282c994127db02010ce804f3d08e38255493cfe68608b3f5c8e09fd6efc4ae46c807691f7a31
+"decode-uri-component@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "decode-uri-component@npm:0.4.1"
+  checksum: a180bbdb5398ec8270d236a3ac07cb988bbf6097428481780b85840f088951dc0318a8d8f9d56796e1a322b55b29859cea29982f22f9b03af0bc60974c54e591
   languageName: node
   linkType: hard
 
@@ -10448,7 +10448,7 @@ __metadata:
     graphql-tag: "npm:^2.12.6"
     inflection: "npm:^3.0.0"
     json-graphql-server: "npm:~3.0.1"
-    query-string: "npm:^7.1.1"
+    query-string: "npm:^9.0.0"
     ra-data-fakerest: "npm:^5.0.0-alpha.0"
     ra-data-graphql: "npm:^5.0.0-alpha.0"
     ra-data-graphql-simple: "npm:^5.0.0-alpha.0"
@@ -12291,10 +12291,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"filter-obj@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "filter-obj@npm:1.1.0"
-  checksum: 071e0886b2b50238ca5026c5bbf58c26a7c1a1f720773b8c7813d16ba93d0200de977af14ac143c5ac18f666b2cfc83073f3a5fe6a4e996c49e0863d5500fccf
+"filter-obj@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "filter-obj@npm:5.1.0"
+  checksum: 716e8ad2bc352e206556b3e5695b3cdff8aab80c53ea4b00c96315bbf467b987df3640575100aef8b84e812cf5ea4251db4cd672bbe33b1e78afea88400c67dd
   languageName: node
   linkType: hard
 
@@ -18629,15 +18629,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"query-string@npm:^7.1.1":
-  version: 7.1.1
-  resolution: "query-string@npm:7.1.1"
+"query-string@npm:^9.0.0":
+  version: 9.0.0
+  resolution: "query-string@npm:9.0.0"
   dependencies:
-    decode-uri-component: "npm:^0.2.0"
-    filter-obj: "npm:^1.1.0"
-    split-on-first: "npm:^1.0.0"
-    strict-uri-encode: "npm:^2.0.0"
-  checksum: 85c1ee90f25b936134153df71fa9c12f05922e328188270039f5d4344568c2e9ae5247b09bf118d0656d31dc0e24002e5e1f2a44fae1b96e3d6e64cd552e0518
+    decode-uri-component: "npm:^0.4.1"
+    filter-obj: "npm:^5.1.0"
+    split-on-first: "npm:^3.0.0"
+  checksum: 6b4f2f08e5ab288088a2e5b0671be7ffb9c2de57fa12e54d8e352ce5f278a1a96235d8b8d467b8f7fea3e200f7afb7062244ac0113f291e4d6a98caeb44f235b
   languageName: node
   linkType: hard
 
@@ -18700,7 +18699,7 @@ __metadata:
     jscodeshift: "npm:^0.15.2"
     jsonexport: "npm:^3.2.0"
     lodash: "npm:~4.17.5"
-    query-string: "npm:^7.1.1"
+    query-string: "npm:^9.0.0"
     react: "npm:^18.0.0"
     react-dom: "npm:^18.2.0"
     react-hook-form: "npm:^7.43.9"
@@ -18779,7 +18778,7 @@ __metadata:
   resolution: "ra-data-json-server@workspace:packages/ra-data-json-server"
   dependencies:
     cross-env: "npm:^5.2.0"
-    query-string: "npm:^7.1.1"
+    query-string: "npm:^9.0.0"
     ra-core: "npm:^5.0.0-beta.0"
     rimraf: "npm:^3.0.2"
     typescript: "npm:^5.1.3"
@@ -18820,7 +18819,7 @@ __metadata:
   resolution: "ra-data-simple-rest@workspace:packages/ra-data-simple-rest"
   dependencies:
     cross-env: "npm:^5.2.0"
-    query-string: "npm:^7.1.1"
+    query-string: "npm:^9.0.0"
     ra-core: "npm:^5.0.0-beta.0"
     rimraf: "npm:^3.0.2"
     typescript: "npm:^5.1.3"
@@ -18972,7 +18971,7 @@ __metadata:
     inflection: "npm:^3.0.0"
     jsonexport: "npm:^3.2.0"
     lodash: "npm:~4.17.5"
-    query-string: "npm:^7.1.1"
+    query-string: "npm:^9.0.0"
     ra-core: "npm:^5.0.0-beta.0"
     ra-i18n-polyglot: "npm:^5.0.0-beta.0"
     ra-language-english: "npm:^5.0.0-beta.0"
@@ -20973,10 +20972,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"split-on-first@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "split-on-first@npm:1.1.0"
-  checksum: 56df8344f5a5de8521898a5c090023df1d8b8c75be6228f56c52491e0fc1617a5236f2ac3a066adb67a73231eac216ccea7b5b4a2423a543c277cb2f48d24c29
+"split-on-first@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "split-on-first@npm:3.0.0"
+  checksum: a1262eae12b68de235e1a08e011bf5b42c42621985ddf807e6221fb1e2b3304824913ae7019f18436b96b8fab8aef5f1ad80dedd2385317fdc51b521c3882cd0
   languageName: node
   linkType: hard
 
@@ -21118,13 +21117,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strict-uri-encode@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "strict-uri-encode@npm:2.0.0"
-  checksum: 010cbc78da0e2cf833b0f5dc769e21ae74cdc5d5f5bd555f14a4a4876c8ad2c85ab8b5bdf9a722dc71a11dcd3184085e1c3c0bd50ec6bb85fffc0f28cf82597d
-  languageName: node
-  linkType: hard
-
 "string-argv@npm:^0.3.1":
   version: 0.3.1
   resolution: "string-argv@npm:0.3.1"