Fix lint error: Forgot SearchableObject

components/ExtraWeapons/index.tsx

@@ -1,46 +1,46 @@
-import React from 'react'
-import { useTranslation } from 'next-i18next'
-import WeaponUnit from '~components/WeaponUnit'
+import React from "react"
+import { useTranslation } from "next-i18next"
+import WeaponUnit from "~components/WeaponUnit"
 
-import './index.scss'
+import type { SearchableObject } from "~types"
+
+import "./index.scss"
 
 // Props
 interface Props {
-    grid: GridArray<GridWeapon>
-    editable: boolean
-    found?: boolean
-    offset: number
-    updateObject: (object: Character | Weapon | Summon, position: number) => void
-    updateUncap: (id: string, position: number, uncap: number) => void
+  grid: GridArray<GridWeapon>
+  editable: boolean
+  found?: boolean
+  offset: number
+  updateObject: (object: SearchableObject, position: number) => void
+  updateUncap: (id: string, position: number, uncap: number) => void
 }
 
 const ExtraWeapons = (props: Props) => {
-    const numWeapons: number = 3
-    const { t } = useTranslation('common')
+  const numWeapons: number = 3
+  const { t } = useTranslation("common")
 
-    return (
-        <div id="ExtraGrid">
-            <span>{t('extra_weapons')}</span>
-            <ul className="grid_weapons">
-                {
-                    Array.from(Array(numWeapons)).map((x, i) => {
-                        return (
-                            <li key={`grid_unit_${i}`} >
-                                <WeaponUnit 
-                                    editable={props.editable}
-                                    position={props.offset + i} 
-                                    unitType={1}
-                                    gridWeapon={props.grid[props.offset + i]}
-                                    updateObject={props.updateObject}
-                                    updateUncap={props.updateUncap}
-                                />
-                            </li>
-                        )
-                    })
-                }
-            </ul>
-        </div>
-    )
+  return (
+    <div id="ExtraGrid">
+      <span>{t("extra_weapons")}</span>
+      <ul className="grid_weapons">
+        {Array.from(Array(numWeapons)).map((x, i) => {
+          return (
+            <li key={`grid_unit_${i}`}>
+              <WeaponUnit
+                editable={props.editable}
+                position={props.offset + i}
+                unitType={1}
+                gridWeapon={props.grid[props.offset + i]}
+                updateObject={props.updateObject}
+                updateUncap={props.updateUncap}
+              />
+            </li>
+          )
+        })}
+      </ul>
+    </div>
+  )
 }
 
 export default ExtraWeapons