我有一个带有methods参数的组件，它的类型定义来自一个导入的库。

import { useForm } from "react-hook-form";

interface FormParams  {
  commonField: string
  optionalField1: string
  optionalField2: number
}

function App() {
  const methods = useForm<FormParams >();
  const { register, handleSubmit, watch } = methods

  useCustomHook({ methods, optionalFieldName: 'optionalField2' })
}

在这个组件中，我调用了一个函数，该函数需要这个methods参数和一个可选表单参数的名称作为参数。
这是这个函数的实现

import { FieldPath, FieldValues, useForm, UseFormReturn } from "react-hook-form";

type CustomFieldValues = FieldValues & {
  commonField: string
}

type HookParams = {
  methods: UseFormReturn<CustomFieldValues>
  optionalFieldName?: FieldPath<CustomFieldValues>
}

const useCustomHook = ({ methods, optionalFieldName = 'optionalField1' }: HookParams) => {
  const { watch } = methods
  const fieldValue = watch(optionalFieldName) // ❌ returns with type `any` because of wrong typing
  const commonFieldValue = watch('commonField') // ✅ returns with correct `string` type

  // do some stuff
}

函数的类型不完整。在此处，watch函数返回给定窗体参数名称的当前值。当前，commonFieldValue的类型正确地为string，但fieldValue的类型正确地为any。
如果我可以用UseFormReturn<FormParams>来表示methods，我就不会有这个问题了，但是这个函数实际上是从很多有不同表单参数的组件中调用的，唯一一个公共的参数是commonField，而其他字段是基于传递给函数的参数。这段代码可能看起来毫无用处，但我试图尽可能地简化它，以专注于问题。
所以如果我用

useCustomHook({ methods, optionalFieldName: 'optionalField2' })

此fieldValue参数应键入为number。

const fieldValue = watch(optionalFieldName)

如果我用调用函数

useCustomHook({ methods })

此fieldValue参数应键入为string（因为默认值为optionalField1）。

const fieldValue = watch(optionalFieldName)

我们可以为HookParams定义一个泛型类型吗？这样我就可以在函数内部得到正确的类型定义。
下面是针对该问题的sandbox。