how solve this ? incompatible fonction parameters ? how satify function with generic params

[urban temple]

hi, how i can solve this ? how i can use generic function parameters to satisfy a function with different params ?

[white axle]

jonLepage#7984

Playground Link

Preview:```ts
export interface ParamBase<V = any> {
defaultValue: V
onValidate: (value: V) => void
onUnmount?: () => void
onchange?: (value: V) => void
}

export interface FunctionType<
P extends ParamBase = ParamBase

extends Function {
(props: P): void
}
...```

You can choose specific lines to embed by selecting them before copying the link.

[molten creek]

your example is very complex

your comment on the last line is wrong

const x: FunctionType<ParamBase> = Foo; // compile-time error

So Foo doesn't satisfy FunctionType<ParamBase>

because to safely call Foo you need more arguments than you would need to safely call FunctionType<ParamBase>

[white axle]

webstrand#8856

Playground Link

Preview:```ts
export interface ParamBase<V = any> {
defaultValue: V
onValidate: (value: V) => void
onUnmount?: () => void
onchange?: (value: V) => void
}

export interface FunctionType<
P extends ParamBase = ParamBase

extends Function {
(props: P): void
}
...```

You can choose specific lines to embed by selecting them before copying the link.

[molten creek]

solves the first issue, but functionType still isn't callable because it doesn't have enough arguments to be callable

the other way to solve this is by modifying Foo:

interface IFoo extends ParamBase {
    aaa?:8
}

if you make aaa optional, it isn't something that must be passed, so assignment works out

[urban temple]

ya i find another approach , little better , i can keep my type, but it allow any function params 😔

[white axle]

jonLepage#7984

Playground Link

Preview:```ts
export interface ParamBase<V = any> {
defaultValue: V
onValidate: (value: V) => void
onUnmount?: () => void
onchange?: (value: V) => void
}

export interface FunctionType<
P extends ParamBase = ParamBase

extends Function {
(props: P): void
}
...```

You can choose specific lines to embed by selecting them before copying the link.

[molten creek]

you've told typescript functionType: T|FunctionType so either one is acceptable

[urban temple]

yes am lost.
i just trying to allow generic function to be wraped, sry for complexity.
The idea look like this but i think i will need think more

[molten creek]

I don't recognize whatever pattern you're trying to apply here, so I can't give any guidance in that regard

might be time for a !helper