diff --git a/package.json b/package.json
index 4dea8f64..9a966ec6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ledfx",
-  "version": "2.0.100-b6",
+  "version": "2.0.100-b7",
   "description": "LedFx v2 - BladeMOD",
   "author": "YeonV aka Blade",
   "private": true,
diff --git a/src/components/Midi/LaunchpadButton.tsx b/src/components/Midi/LaunchpadButton.tsx
index e5221201..033745fb 100644
--- a/src/components/Midi/LaunchpadButton.tsx
+++ b/src/components/Midi/LaunchpadButton.tsx
@@ -83,19 +83,19 @@ const LaunchpadButton = ({
                 <Stack direction={'row'} spacing={2} justifyContent={'space-between'} alignItems={'center'}>
                     <Typography>Scene inactive</Typography>
                     <LpColorPicker defaultColor={getColorFromValue(`${midiMapping[0][buttonNumber]?.colorSceneInactive}` || midiSceneInactiveColor)} onColorSelect={(color: string) => {
-                        setMidiMapping({...midiMapping, [0]: {...midiMapping[0], [buttonNumber]: {...midiMapping[0][buttonNumber], colorSceneInactive: color}}})
+                        setMidiMapping({...midiMapping, 0: {...midiMapping[0], [buttonNumber]: {...midiMapping[0][buttonNumber], colorSceneInactive: color}}})
                     }} />
                 </Stack>
                 <Stack direction={'row'} spacing={2} justifyContent={'space-between'} alignItems={'center'}>
                     <Typography>Scene active</Typography>
                     <LpColorPicker defaultColor={getColorFromValue(`${midiMapping[0][buttonNumber]?.colorSceneActive}` || midiSceneActiveColor)} onColorSelect={(color: string) => {
-                        setMidiMapping({...midiMapping, [0]: {...midiMapping[0], [buttonNumber]: {...midiMapping[0][buttonNumber], colorSceneActive: color}}})
+                        setMidiMapping({...midiMapping, 0: {...midiMapping[0], [buttonNumber]: {...midiMapping[0][buttonNumber], colorSceneActive: color}}})
                     }} />
                 </Stack>
                 <Stack direction={'row'} spacing={2} justifyContent={'space-between'} alignItems={'center'}>
                     <Typography>Command</Typography>
                     <LpColorPicker defaultColor={getColorFromValue(`${midiMapping[0][buttonNumber]?.colorCommand}` || midiCommandColor)} onColorSelect={(color: string) => {
-                        setMidiMapping({...midiMapping, [0]: {...midiMapping[0], [buttonNumber]: {...midiMapping[0][buttonNumber], colorCommand: color}}})
+                        setMidiMapping({...midiMapping, 0: {...midiMapping[0], [buttonNumber]: {...midiMapping[0][buttonNumber], colorCommand: color}}})
                     }} />
                 </Stack>
             </Stack>
diff --git a/src/components/Midi/LaunchpadButtonMap.tsx b/src/components/Midi/LaunchpadButtonMap.tsx
index b791b041..d8da837f 100644
--- a/src/components/Midi/LaunchpadButtonMap.tsx
+++ b/src/components/Midi/LaunchpadButtonMap.tsx
@@ -54,6 +54,7 @@ const LaunchpadButtonMap = () => {
 
     useEffect(() => {        
         initMidi()
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [])
 
   return (