diff --git a/docs/data/data-grid/pagination/CursorPaginationGrid.js b/docs/data/data-grid/pagination/CursorPaginationGrid.js
index 04caad836070a..1815b05771007 100644
--- a/docs/data/data-grid/pagination/CursorPaginationGrid.js
+++ b/docs/data/data-grid/pagination/CursorPaginationGrid.js
@@ -110,7 +110,7 @@ export default function CursorPaginationGrid() {
           aria-labelledby="demo-cursor-pagination-buttons-group-label"
           name="cursor-pagination-buttons-group"
           value={rowCountType}
-          onChange={(e) => setRowCountType(e.target.value)}
+          onChange={(event) => setRowCountType(event.target.value)}
         >
           <FormControlLabel value="known" control={<Radio />} label="Known" />
           <FormControlLabel value="unknown" control={<Radio />} label="Unknown" />
diff --git a/docs/data/data-grid/pagination/CursorPaginationGrid.tsx b/docs/data/data-grid/pagination/CursorPaginationGrid.tsx
index d54e3e806c7d1..113e1b7945c45 100644
--- a/docs/data/data-grid/pagination/CursorPaginationGrid.tsx
+++ b/docs/data/data-grid/pagination/CursorPaginationGrid.tsx
@@ -117,7 +117,7 @@ export default function CursorPaginationGrid() {
           aria-labelledby="demo-cursor-pagination-buttons-group-label"
           name="cursor-pagination-buttons-group"
           value={rowCountType}
-          onChange={(e) => setRowCountType(e.target.value as RowCountType)}
+          onChange={(event) => setRowCountType(event.target.value as RowCountType)}
         >
           <FormControlLabel value="known" control={<Radio />} label="Known" />
           <FormControlLabel value="unknown" control={<Radio />} label="Unknown" />
diff --git a/docs/data/data-grid/server-side-data/ServerSideErrorHandling.js b/docs/data/data-grid/server-side-data/ServerSideErrorHandling.js
index e04e012a2b7ee..2f344485f9e6a 100644
--- a/docs/data/data-grid/server-side-data/ServerSideErrorHandling.js
+++ b/docs/data/data-grid/server-side-data/ServerSideErrorHandling.js
@@ -98,7 +98,7 @@ export default function ServerSideErrorHandling() {
           control={
             <Checkbox
               checked={shouldRequestsFail}
-              onChange={(e) => setShouldRequestsFail(e.target.checked)}
+              onChange={(event) => setShouldRequestsFail(event.target.checked)}
             />
           }
           label="Make the requests fail"
diff --git a/docs/data/data-grid/server-side-data/ServerSideErrorHandling.tsx b/docs/data/data-grid/server-side-data/ServerSideErrorHandling.tsx
index 5889480270a07..85cc69fdb165a 100644
--- a/docs/data/data-grid/server-side-data/ServerSideErrorHandling.tsx
+++ b/docs/data/data-grid/server-side-data/ServerSideErrorHandling.tsx
@@ -104,7 +104,7 @@ export default function ServerSideErrorHandling() {
           control={
             <Checkbox
               checked={shouldRequestsFail}
-              onChange={(e) => setShouldRequestsFail(e.target.checked)}
+              onChange={(event) => setShouldRequestsFail(event.target.checked)}
             />
           }
           label="Make the requests fail"
diff --git a/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.js b/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.js
index 9c7154e46f4b1..faffe196653b0 100644
--- a/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.js
+++ b/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.js
@@ -78,7 +78,7 @@ export default function ServerSideTreeDataErrorHandling() {
           control={
             <Checkbox
               checked={shouldRequestsFail}
-              onChange={(e) => setShouldRequestsFail(e.target.checked)}
+              onChange={(event) => setShouldRequestsFail(event.target.checked)}
             />
           }
           label="Make the requests fail"
diff --git a/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.tsx b/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.tsx
index e83ca6851fa09..d7e61934f1947 100644
--- a/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.tsx
+++ b/docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.tsx
@@ -83,7 +83,7 @@ export default function ServerSideTreeDataErrorHandling() {
           control={
             <Checkbox
               checked={shouldRequestsFail}
-              onChange={(e) => setShouldRequestsFail(e.target.checked)}
+              onChange={(event) => setShouldRequestsFail(event.target.checked)}
             />
           }
           label="Make the requests fail"
diff --git a/docs/src/modules/components/CustomizationPlayground.tsx b/docs/src/modules/components/CustomizationPlayground.tsx
index 0e34112f8753c..64aaa0e48bec1 100644
--- a/docs/src/modules/components/CustomizationPlayground.tsx
+++ b/docs/src/modules/components/CustomizationPlayground.tsx
@@ -360,7 +360,7 @@ const CustomizationPlayground = function CustomizationPlayground({
                     id="select-component"
                     label=""
                     value={selectedDemo}
-                    onChange={(e) => selectDemo(e.target.value as string)}
+                    onChange={(event) => selectDemo(event.target.value as string)}
                   >
                     {Object.keys(examples || {}).map((item) => (
                       <MenuItem key={item} value={item}>