看起来像是.tsx解析器的一个限制，没有办法让它将这个特定的<解释为泛型参数的分隔符，而不是开始标记。
但对于这种特殊情况，解决方法很简单。
export const意味着这是在顶层，并且它的实现并不引用this，因此可以使用旧式函数而不是第一个=>来重写它：

export const withComponent = function<T>(Component: React.ComponentType<T>) { 
    return (props: any) => (
        <shortcutContext.Consumer>
            {addShortcut => <Component addShortcut={addShortcut} {...props} />}
        </shortcutContext.Consumer>
    )
};

您也可以这样写：

export const withComponent = <T,>(Component: React.ComponentType<T>) => (props: any) => (
  <shortcutContext.Consumer>
    {addShortcut => <Component addShortcut={addShortcut} {...props} />}
  </shortcutContext.Consumer>
);