typescript - Como usar o encadeamento opcional corretamente no unknown

demonstração :

function getValue(data: unknown) {
  // return data?.value // error
  // or
  // use "value" in data to narrow the scope
  if (typeof data === 'object' && data && 'value' in data) {
    return data.value; // error
  }
  return '';
}

Eu não quero usar afirmações de que os dados são semelhantes aos dados retornados por uma solicitação

Resposta #1

Como Alex Chashin comentou, o TypeScript não consegue inferir os tipos do operador 'in' muito bem no momento. Então, talvez eu precise dessa função

function hasValue(it: unknown): it is ({ value: string }) {
    return typeof it === "object" && it !== null && "value" in it;
}

function hasStringValue(it: unknown): it is ({ value: string }) {
    return hasValue(it) && typeof it.value === "string";
}

Usando predicados de tipo

Resposta #2

Você pode usar tipos genéricos. Por exemplo:

type IData = {value: string}

function getValue<T extends IData>(data: T) {
  if (typeof data === 'object' && data && 'value' in data) {
    return data.value;
  }
  return '';
}