一种方法是总是让其中一个困难是true，其余的是?: false。这样你就可以省略所有的props，或者只保留一个。设置两个困难会将两者都设置为true，因此它们不会被分配给ExportedInterface，Typescript会出错。
你可以在这里或在Typescript playground中看到一个例子：

interface MyInterface {
  name: string;
}

interface MyInterfaceEasy extends MyInterface {
  isEasy?: true;
  isMedium?: false;
  isHard?: false;
}

interface MyInterfaceMedium extends MyInterface {
  isEasy?: false;
  isMedium?: true;
  isHard?: false;
}

interface MyInterfaceHard extends MyInterface {
  isEasy?: false;
  isMedium?: false;
  isHard?: true;
}

export type ExportedInterface =
  | MyInterfaceEasy
  | MyInterfaceMedium
  | MyInterfaceHard;

declare const Component: FC<ExportedInterface>;

// OK
<Component name='none' />;
<Component name='easy' isEasy />;
<Component name='medium' isMedium />;
<Component name='hard' isHard />;
// Not OK
<Component name='mix' isEasy isHard />;

你也可以考虑采用一种不同的方法，你有一个 prop 是difficulty?: 'easy' | 'medium' | 'hard'。这将只允许一个难度。
你可以在这里或在TypescriptPlayground看到这种方法：

interface MyInterface {
  name: string;
  difficulty?: 'easy' | 'medium' | 'hard';
}

我想你可以把你的代码改成：

interface MyBaseInterface {
  name: string;
}

interface MyInterfaceEasy extends MyBaseInterface {
  isEasy?: boolean;
}

interface MyInterfaceMedium extends MyBaseInterface {
  isMedium?: boolean;
}

interface MyInterfaceHard extends MyBaseInterface {
  isHard?: boolean;
}

export type ExportedInterface =
  | MyInterfaceEasy
  | MyInterfaceMedium
  | MyInterfaceHard;

应该会有用的。