Em uma palestra anterior, você aprendeu que inferência de tipo é a capacidade do TypeScript de determinar e atribuir automaticamente tipos a variáveis, retornos de funções e expressões com base no uso e contexto. No TypeScript, generics tornam funções, classes e tipos mais flexíveis. Generics permitem a criação de variáveis de tipo, eliminando a necessidade de definir explicitamente os tipos a cada vez. Isso possibilita que a mesma função funcione com segurança com diferentes tipos. Aqui está um exemplo simples de generics:

function Items<T>(list:T[]): T[] {
    return list
 }

Items<string | number>(["apple", 12,"orange"]) // here the argument is a union type

Functions can use two or more generics. T is used by convention, and additional type variables like S can be added as needed.

const SayHello = <S, T>(v1: S, v2: T): [S, T] => {
  return [v1, v2]
}

SayHello<string, string>("I'm", "alive") // ["I'm", "alive"]
SayHello<string, number>("I'm", 20)     // ["I'm", 20]

Create a function getElement that takes selector of type string as a parameter. It should also take a generic type T that extends HTMLElement, and have a return type T.

Testes:

• You should have an arrow function named `getElement`.
• Your `getElement` function should take a parameter named `selector` of type `string`.
• The generic type parameter `T` should extend the `HTMLElement` type.
• Your `getElement` function should have a return type of `T`.