Fix/mm2 1362: Typescript errors pt 4

package.json

@@ -12,7 +12,8 @@
     "i18n:validate": "node ./scripts/i18n/validate-translation.js",
     "i18n:schema": "node ./scripts/i18n/generate-schema.js",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "typecheck": "tsc --noEmit"
   },
   "main": "dist/app.js",
   "module": "dist/app.mjs",
@@ -84,6 +85,7 @@
     "@medusajs/admin-vite-plugin": "^2.5.0",
     "@medusajs/types": "^2.5.0",
     "@medusajs/ui-preset": "^2.5.0",
+    "@types/lodash": "^4.17.20",
     "@types/node": "^20.11.15",
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",

src/components/search/use-search-results.tsx

@@ -720,7 +720,7 @@ const transformMap: TransformMap = {
   },
 }
 
-function transformDynamicSearchResults<T extends { count: number }>(
+function transformDynamicSearchResults<T extends { count?: number }>(
   type: SearchArea,
   limit: number,
   t: TFunction,
@@ -737,11 +737,13 @@ function transformDynamicSearchResults<T extends { count: number }>(
     return undefined
   }
 
+  const count = response.count ?? 0
+
   return {
     title: t(`app.search.groups.${type}`),
     area: type,
-    hasMore: response.count > limit,
-    count: response.count,
+    hasMore: count > limit,
+    count,
     items: data.map(transform),
   }
 }

src/components/table/table-cells/product/variant-cell/variant-cell.tsx

@@ -1,10 +1,10 @@
 import { useTranslation } from "react-i18next"
 
 import { PlaceholderCell } from "../../common/placeholder-cell"
-import { HttpTypes } from "@medusajs/types"
+import { ExtendedAdminProductVariant } from "../../../../../types/products"
 
 type VariantCellProps = {
-  variants?: HttpTypes.AdminProductVariant[] | null
+  variants?: ExtendedAdminProductVariant[] | null
 }
 
 export const VariantCell = ({ variants }: VariantCellProps) => {

src/extensions/forms/form-extension-zone/form-extension-zone.tsx

@@ -1,18 +1,21 @@
 import { InlineTip, Input, Switch } from "@medusajs/ui"
 import { ComponentType } from "react"
-import { ControllerRenderProps, UseFormReturn } from "react-hook-form"
+import { ControllerRenderProps, FieldPath, FieldValues, UseFormReturn } from "react-hook-form"
 import { useTranslation } from "react-i18next"
 import { Form } from "../../../components/common/form"
 import { FormField } from "../../types"
 import { FormFieldType } from "./types"
 import { getFieldType } from "./utils"
 
-type FormExtensionZoneProps = {
+type FormExtensionZoneProps<TFieldValues extends FieldValues = FieldValues> = {
   fields: FormField[]
-  form: UseFormReturn<any>
+  form: UseFormReturn<TFieldValues>
 }
 
-export const FormExtensionZone = ({ fields, form }: FormExtensionZoneProps) => {
+export const FormExtensionZone = <TFieldValues extends FieldValues = FieldValues>({ 
+  fields, 
+  form 
+}: FormExtensionZoneProps<TFieldValues>) => {
   return (
     <div>
       {fields.map((field, index) => (
@@ -33,12 +36,15 @@ function getFieldLabel(field: FormField) {
     .join(" ")
 }
 
-type FormExtensionFieldProps = {
+type FormExtensionFieldProps<TFieldValues extends FieldValues = FieldValues> = {
   field: FormField
-  form: UseFormReturn<any>
+  form: UseFormReturn<TFieldValues>
 }
 
-const FormExtensionField = ({ field, form }: FormExtensionFieldProps) => {
+const FormExtensionField = <TFieldValues extends FieldValues = FieldValues>({ 
+  field, 
+  form 
+}: FormExtensionFieldProps<TFieldValues>) => {
   const label = getFieldLabel(field)
   const description = field.description
   const placeholder = field.placeholder
@@ -51,7 +57,7 @@ const FormExtensionField = ({ field, form }: FormExtensionFieldProps) => {
   return (
     <Form.Field
       control={control}
-      name={`additional_data.${field.name}`}
+      name={`additional_data.${field.name}` as FieldPath<TFieldValues>}
       render={({ field }) => {
         return (
           <Form.Item>
@@ -73,19 +79,25 @@ const FormExtensionField = ({ field, form }: FormExtensionFieldProps) => {
   )
 }
 
-type FormExtensionFieldComponentProps = {
-  field: ControllerRenderProps
+type FormExtensionFieldComponentProps<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+> = {
+  field: ControllerRenderProps<TFieldValues, TName>
   type: FormFieldType
-  component?: ComponentType<any>
+  component?: ComponentType<ControllerRenderProps<TFieldValues, TName> & { placeholder?: string }>
   placeholder?: string
 }
 
-const FormExtensionFieldComponent = ({
+const FormExtensionFieldComponent = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+>({
   field,
   type,
   component,
   placeholder,
-}: FormExtensionFieldComponentProps) => {
+}: FormExtensionFieldComponentProps<TFieldValues, TName>) => {
   const { t } = useTranslation()
 
   if (component) {