I am trying to write a typescript function to create fields on demand, here is what have so far:

I’m trying to make a generic interface to define a translation dictionary where the primary keys specify the language, and within each language the same keys are present.

This is a weird one… ????

I’m trying to write a type for a dropdown that accepts multiple format for passing key/value. I’m having troubles to allow passing the key name for “text” and the key name for the “value”.

Let say I have that code:

Suppose we have

I want to write a set of TypeScript types and a function, that takes as input an object of arbitrary depth, where leaf nodes are of the shape { text: string, [key: string]: string } and return an object with the same overall structure, but where leaves are plain strings.

I have a dynamic array that i want to build up from a json file, then supply that as a generic type with the list of the json data showing as options.

In typescript we can create create a function that wraps another function, and preserve all types of the wrapped function like this:

I’m trying to construction a function where you pass an object, and an array of keys (This is a simplified example to illustrate what im trying to achieve). Then return is an array that contain those keys, and has the type of a tuple. The problem that I’m struggling with is that the return type is the union of all types in the interface, not the actual value of the given key.