How to dynamically pass a generic type?

Question

typescript

there is an interface

export interface AuthFormsDataTypes {
  login: LogInFormDataType;
  registration: RegFormDataType;
}

I need to dynamically extract the type login and registration.ps commonName from it - a string. How can I do that?

onSubmit: submitHandlersCreator<AuthFormsDataTypes[commonName]>({
                  dispatch,
                  path: `${location.pathname}${location.search}`,
                  actionName:commonName
                }),

Answer 1

If commonName is a variable, then its type can be retrieved via typeof

submitHandlersCreator<AuthFormsDataTypes[typeof commonName]>({
                  dispatch,
                  path: `${location.pathname}${location.search}`,
                  actionName:commonName
                })

But it must have a literal type or a union of literal types, moreover, from the set of keys AuthFormsDataTypes