Fix typescript build errors

components/AxSelect/index.tsx

@@ -65,11 +65,11 @@ const AXSelect = (props: Props) => {
 
     useEffect(() => {
         props.sendValues(primaryAxModifier, primaryAxValue, secondaryAxModifier, secondaryAxValue)
-    }, [primaryAxModifier, primaryAxValue, secondaryAxModifier, secondaryAxValue])
+    }, [props, primaryAxModifier, primaryAxValue, secondaryAxModifier, secondaryAxValue])
 
     useEffect(() => {
         props.sendValidity(primaryAxValue > 0 && errors.axValue1 === '' && errors.axValue2 === '')
-    }, [primaryAxValue, errors])
+    }, [props, primaryAxValue, errors])
 
     // Classes
     const secondarySetClasses = classNames({

components/WeaponGrid/index.tsx

@@ -232,7 +232,7 @@ const WeaponGrid = (props: Props) => {
     // Render: JSX components
     const mainhandElement = (
         <WeaponUnit 
-            gridWeapon={grid.weapons.mainWeapon}
+            gridWeapon={appState.grid.weapons.mainWeapon}
             editable={party.editable}
             key="grid_mainhand"
             position={-1} 
@@ -247,7 +247,7 @@ const WeaponGrid = (props: Props) => {
             return (
                 <li key={`grid_unit_${i}`} >
                     <WeaponUnit 
-                        gridWeapon={grid.weapons.allWeapons[i]}
+                        gridWeapon={appState.grid.weapons.allWeapons[i]}
                         editable={party.editable}
                         position={i} 
                         unitType={1}
@@ -261,7 +261,7 @@ const WeaponGrid = (props: Props) => {
 
     const extraGridElement = (
         <ExtraWeapons 
-            grid={grid.weapons.allWeapons} 
+            grid={appState.grid.weapons.allWeapons} 
             editable={party.editable} 
             offset={numWeapons}
             updateObject={receiveWeaponFromSearch}

components/WeaponKeyDropdown/index.tsx

@@ -44,7 +44,8 @@ const WeaponKeyDropdown = React.forwardRef<HTMLSelectElement, Props>(function us
         },
         series: props.series,
         slot: props.slot,
-        group: -1
+        group: -1,
+        order: 0
     }
 
     const organizeWeaponKeys = useCallback((weaponKeys: WeaponKey[]) => {
@@ -74,7 +75,7 @@ const WeaponKeyDropdown = React.forwardRef<HTMLSelectElement, Props>(function us
         }
 
         fetchWeaponKeys()
-    }, [organizeWeaponKeys])
+    }, [props.series, props.slot, organizeWeaponKeys])
 
     function weaponKeyGroup(index: number) {
         ['α','β','γ','Δ'].sort((a, b) => a.localeCompare(b, 'el'))

types/GridWeapon.d.ts

@@ -5,6 +5,6 @@ interface GridWeapon {
     object: Weapon
     uncap_level: number
     element: number
-    weapon_keys?: WeaponKey[]
-    ax?: SimpleAxSkill[]
+    weapon_keys?: Array<WeaponKey>
+    ax?: Array<SimpleAxSkill>
 }