Jak stworzyć komponent generyczny bez typu T, czy to możliwe ?

Zakładając, że mam typ bazowy oraz dwa nowe typy dla których typem bazowym jest BaseType:

interface BaseType {
  color: string;
  speed: number;
}

interface BaseFirst extends BaseType {
    newField: string;
}

interface BaseSecond extends BaseType {
    newField: string;
}

Chcę stworzyć komponent w React, który będzie przyjmował zarówno typ BaseFirst jak i BaseSecond w przypadku jednego propsa. Jak to zrobić bez używania generyków (zazwyczaj jest to zapis z T) oraz bez takiego zapisu przy typowaniu propsa: BaseFirst | BaseSecond. Czy jest możliwy jakiś inny zapis aby to zrobić i komponent przyjmował te dwa typy w jednym propsie ? Chodzi mi o to, że props może być czasami typu BaseFirst, a czasami typu BaseSecond.

https://www.tektutorialshub.com/typescript/generic-constraints-in-typescript/

Poczytaj o discrimimated unions
https://dev.to/darkmavis1980/what-are-typescript-discriminated-unions-5hbb

A czemu po prostu nie przyjąć BaseType? Jeśli chcesz się odnieść do newField, to czemu nie przenieść pole do BaseType?

Riddle napisał(a):

A czemu po prostu nie przyjąć BaseType? Jeśli chcesz się odnieść do newField, to czemu nie przenieść pole do BaseType?

Hmm a co jeśli te newField będzie miało inny typ w BaseFirst i inny typ w BaseSecond ?

stivens napisał(a):

https://www.tektutorialshub.com/typescript/generic-constraints-in-typescript/

Tylko tutaj może być taki problem, że jak np używam useState z takim typem to ten zapis T extends number|string nie zadziała w przypadku typu dla useStatea, bo z tego co czytałem nie jest to dozwolone w useState.

Najlepiej to dyscriminated unions jak wyżej napisał ktoś, a jak to nie pomoże to jebnij any wszędzie Kappa :D