diff --git a/docs/data/data-grid/server-side-data/ServerSideDataGrid.js b/docs/data/data-grid/server-side-data/ServerSideDataGrid.js
index 3c0dbeb76f86..31bfbc5b61b7 100644
--- a/docs/data/data-grid/server-side-data/ServerSideDataGrid.js
+++ b/docs/data/data-grid/server-side-data/ServerSideDataGrid.js
@@ -12,11 +12,9 @@ function ServerSideDataGrid() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideDataGrid.tsx b/docs/data/data-grid/server-side-data/ServerSideDataGrid.tsx
index 514b77b23bf9..498c1e067429 100644
--- a/docs/data/data-grid/server-side-data/ServerSideDataGrid.tsx
+++ b/docs/data/data-grid/server-side-data/ServerSideDataGrid.tsx
@@ -12,11 +12,9 @@ function ServerSideDataGrid() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideDataGridNoCache.js b/docs/data/data-grid/server-side-data/ServerSideDataGridNoCache.js
index e059e7b98b00..43c742a5b90a 100644
--- a/docs/data/data-grid/server-side-data/ServerSideDataGridNoCache.js
+++ b/docs/data/data-grid/server-side-data/ServerSideDataGridNoCache.js
@@ -17,11 +17,9 @@ export default function ServerSideDataGridNoCache() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideDataGridNoCache.tsx b/docs/data/data-grid/server-side-data/ServerSideDataGridNoCache.tsx
index ca8a9fe14814..b62606d8985f 100644
--- a/docs/data/data-grid/server-side-data/ServerSideDataGridNoCache.tsx
+++ b/docs/data/data-grid/server-side-data/ServerSideDataGridNoCache.tsx
@@ -17,11 +17,9 @@ export default function ServerSideDataGridNoCache() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideDataGridTTL.js b/docs/data/data-grid/server-side-data/ServerSideDataGridTTL.js
index 615cf4072a62..33d5403393f8 100644
--- a/docs/data/data-grid/server-side-data/ServerSideDataGridTTL.js
+++ b/docs/data/data-grid/server-side-data/ServerSideDataGridTTL.js
@@ -14,11 +14,9 @@ function ServerSideDataGridTTL() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideDataGridTTL.tsx b/docs/data/data-grid/server-side-data/ServerSideDataGridTTL.tsx
index 3f8f3525e78c..f33906bf70b6 100644
--- a/docs/data/data-grid/server-side-data/ServerSideDataGridTTL.tsx
+++ b/docs/data/data-grid/server-side-data/ServerSideDataGridTTL.tsx
@@ -18,11 +18,9 @@ function ServerSideDataGridTTL() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideErrorHandling.js b/docs/data/data-grid/server-side-data/ServerSideErrorHandling.js
index 1bf394ea930f..e04e012a2b7e 100644
--- a/docs/data/data-grid/server-side-data/ServerSideErrorHandling.js
+++ b/docs/data/data-grid/server-side-data/ServerSideErrorHandling.js
@@ -54,11 +54,9 @@ export default function ServerSideErrorHandling() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideErrorHandling.tsx b/docs/data/data-grid/server-side-data/ServerSideErrorHandling.tsx
index a030a8bf6e50..5889480270a0 100644
--- a/docs/data/data-grid/server-side-data/ServerSideErrorHandling.tsx
+++ b/docs/data/data-grid/server-side-data/ServerSideErrorHandling.tsx
@@ -60,11 +60,9 @@ export default function ServerSideErrorHandling() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideTreeData.js b/docs/data/data-grid/server-side-data/ServerSideTreeData.js
index ed0d0bc8e093..fdba621ef391 100644
--- a/docs/data/data-grid/server-side-data/ServerSideTreeData.js
+++ b/docs/data/data-grid/server-side-data/ServerSideTreeData.js
@@ -32,12 +32,10 @@ export default function ServerSideTreeData() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
-          groupKeys: encodeURIComponent(JSON.stringify(params.groupKeys)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
+          groupKeys: JSON.stringify(params.groupKeys),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideTreeData.tsx b/docs/data/data-grid/server-side-data/ServerSideTreeData.tsx
index 86a2e47fd1ef..2d0d1cfdea39 100644
--- a/docs/data/data-grid/server-side-data/ServerSideTreeData.tsx
+++ b/docs/data/data-grid/server-side-data/ServerSideTreeData.tsx
@@ -38,12 +38,10 @@ export default function ServerSideTreeData() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
-          groupKeys: encodeURIComponent(JSON.stringify(params.groupKeys)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
+          groupKeys: JSON.stringify(params.groupKeys),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideTreeDataCustomCache.js b/docs/data/data-grid/server-side-data/ServerSideTreeDataCustomCache.js
index 920a1b2d5609..9b5d3bfcd710 100644
--- a/docs/data/data-grid/server-side-data/ServerSideTreeDataCustomCache.js
+++ b/docs/data/data-grid/server-side-data/ServerSideTreeDataCustomCache.js
@@ -51,12 +51,10 @@ export default function ServerSideTreeDataCustomCache() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
-          groupKeys: encodeURIComponent(JSON.stringify(params.groupKeys)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
+          groupKeys: JSON.stringify(params.groupKeys),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideTreeDataCustomCache.tsx b/docs/data/data-grid/server-side-data/ServerSideTreeDataCustomCache.tsx
index a3f2961d549f..fccc8862aef6 100644
--- a/docs/data/data-grid/server-side-data/ServerSideTreeDataCustomCache.tsx
+++ b/docs/data/data-grid/server-side-data/ServerSideTreeDataCustomCache.tsx
@@ -59,12 +59,10 @@ export default function ServerSideTreeDataCustomCache() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
-          groupKeys: encodeURIComponent(JSON.stringify(params.groupKeys)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
+          groupKeys: JSON.stringify(params.groupKeys),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.js b/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.js
index 44da5bf0cab3..9c7154e46f4b 100644
--- a/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.js
+++ b/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.js
@@ -31,12 +31,10 @@ export default function ServerSideTreeDataErrorHandling() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
-          groupKeys: encodeURIComponent(JSON.stringify(params.groupKeys)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
+          groupKeys: JSON.stringify(params.groupKeys),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.tsx b/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.tsx
index fdd4deeb1771..e83ca6851fa0 100644
--- a/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.tsx
+++ b/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.tsx
@@ -36,12 +36,10 @@ export default function ServerSideTreeDataErrorHandling() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
-          groupKeys: encodeURIComponent(JSON.stringify(params.groupKeys)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
+          groupKeys: JSON.stringify(params.groupKeys),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideTreeDataGroupExpansion.js b/docs/data/data-grid/server-side-data/ServerSideTreeDataGroupExpansion.js
index 9b61ceacdcf8..ec4471d6664d 100644
--- a/docs/data/data-grid/server-side-data/ServerSideTreeDataGroupExpansion.js
+++ b/docs/data/data-grid/server-side-data/ServerSideTreeDataGroupExpansion.js
@@ -19,12 +19,10 @@ export default function ServerSideTreeDataGroupExpansion() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
-          groupKeys: encodeURIComponent(JSON.stringify(params.groupKeys)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
+          groupKeys: JSON.stringify(params.groupKeys),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/docs/data/data-grid/server-side-data/ServerSideTreeDataGroupExpansion.tsx b/docs/data/data-grid/server-side-data/ServerSideTreeDataGroupExpansion.tsx
index 9eb7fdd75ba4..f52c73fe470a 100644
--- a/docs/data/data-grid/server-side-data/ServerSideTreeDataGroupExpansion.tsx
+++ b/docs/data/data-grid/server-side-data/ServerSideTreeDataGroupExpansion.tsx
@@ -27,12 +27,10 @@ export default function ServerSideTreeDataGroupExpansion() {
     () => ({
       getRows: async (params) => {
         const urlParams = new URLSearchParams({
-          paginationModel: encodeURIComponent(
-            JSON.stringify(params.paginationModel),
-          ),
-          filterModel: encodeURIComponent(JSON.stringify(params.filterModel)),
-          sortModel: encodeURIComponent(JSON.stringify(params.sortModel)),
-          groupKeys: encodeURIComponent(JSON.stringify(params.groupKeys)),
+          paginationModel: JSON.stringify(params.paginationModel),
+          filterModel: JSON.stringify(params.filterModel),
+          sortModel: JSON.stringify(params.sortModel),
+          groupKeys: JSON.stringify(params.groupKeys),
         });
         const getRowsResponse = await fetchRows(
           `https://mui.com/x/api/data-grid?${urlParams.toString()}`,
diff --git a/packages/x-data-grid-generator/src/hooks/useMockServer.ts b/packages/x-data-grid-generator/src/hooks/useMockServer.ts
index cf38b1fa3c85..7f16fc41c647 100644
--- a/packages/x-data-grid-generator/src/hooks/useMockServer.ts
+++ b/packages/x-data-grid-generator/src/hooks/useMockServer.ts
@@ -50,7 +50,7 @@ function decodeParams(url: string): GridGetRowsParams {
 
   for (const [key, value] of array) {
     try {
-      decodedParams[key] = JSON.parse(decodeURIComponent(value));
+      decodedParams[key] = JSON.parse(value);
     } catch (e) {
       decodedParams[key] = value;
     }