HTMLProps包含的内容比HTMLAttributes多，比如ref等等。
我过去做过以下几件事：

export interface PrimitiveProps extends React.HTMLProps<HTMLDivElement> { };

对我来说一切都很顺利🌹

现在您应该使用ComponentPropsWithoutRef或ComponentPropsWithRef：

export interface PrimitiveProps extends React.ComponentPropsWithoutRef<'div'> { };

React.HTMLProps或React.HTMLAttributes实际上为某些属性推断了错误的类型，或者未包含所有可能的值。
HTMLProps示例错误：

export interface ButtonProps extends React.HTMLProps<HTMLButtonElement> {}
export function Button(props: ButtonProps) {
  // ERROR: Type 'string | undefined' is not assignable to type '"button" | "reset" | "submit" | undefined'.
  return <button {...props} />;
}

HTMLAttributes示例错误：

export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {}
export function Button(props: ButtonProps) {
  return <button {...props} />;
}

// Error: Property 'type' does not exist on type 'IntrinsicAttributes & ButtonProps'.
<Button type="button">Test</Button>

要了解更多信息，您可以阅读备忘单，部分“为什么不是组件属性或内在元素或[元素]HTMLAttributes或HTMLProps或HTMLAttributes？”