From 1783da28600a15ee872677192de1e200225907a6 Mon Sep 17 00:00:00 2001
From: thenick775 <nvancisedev@gmail.com>
Date: Mon, 23 Dec 2024 21:47:33 -0800
Subject: [PATCH] chore: remove deprecated mui props

---
 gbajs3/src/components/modals/cheats.tsx      | 24 ++++++++++----------
 gbajs3/src/components/modals/save-states.tsx |  4 +---
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/gbajs3/src/components/modals/cheats.tsx b/gbajs3/src/components/modals/cheats.tsx
index ee7590c3..dfa116d4 100644
--- a/gbajs3/src/components/modals/cheats.tsx
+++ b/gbajs3/src/components/modals/cheats.tsx
@@ -208,24 +208,24 @@ export const CheatsModal = () => {
           <TextField
             error={!!errors?.rawCheats}
             label="Raw Libretro Cheats"
-            InputLabelProps={{
-              shrink: true
-            }}
             multiline
             fullWidth
             minRows={6}
             variant="outlined"
-            InputProps={{
-              sx: {
-                ['textarea']: {
-                  whiteSpace: 'pre',
-                  // see: https://github.com/mui/material-ui/issues/41490
-                  //      remove/refactor once resolved
-                  overflowX: 'auto !important'
+            helperText={errors?.rawCheats?.message}
+            slotProps={{
+              input: {
+                sx: {
+                  ['textarea']: {
+                    whiteSpace: 'pre',
+                    // see: https://github.com/mui/material-ui/issues/41490
+                    //      remove/refactor once resolved
+                    overflowX: 'auto !important'
+                  }
                 }
-              }
+              },
+              inputLabel: { shrink: true }
             }}
-            helperText={errors?.rawCheats?.message}
             style={{ display: viewRawCheats ? 'block' : 'none' }}
             {...register('rawCheats')}
           />
diff --git a/gbajs3/src/components/modals/save-states.tsx b/gbajs3/src/components/modals/save-states.tsx
index ec549217..9e7edf1d 100644
--- a/gbajs3/src/components/modals/save-states.tsx
+++ b/gbajs3/src/components/modals/save-states.tsx
@@ -173,12 +173,10 @@ export const SaveStatesModal = () => {
           <TextField
             label="Current Save State Slot"
             type="number"
-            InputLabelProps={{
-              shrink: true
-            }}
             size="small"
             error={!!errors?.saveStateSlot}
             helperText={errors?.saveStateSlot?.message}
+            slotProps={{ inputLabel: { shrink: true } }}
             {...register('saveStateSlot', {
               required: { value: true, message: 'Slot is required' },
               min: { value: 0, message: 'Slot must be >= 0' },