Typescript jsx 标签不等于 React.createElement？

Question

// myComponentJSX is JSX.Element
const myComponentJSX = <MyComponent prop1="foo" prop2={1} />;

// myComponentJSX is React.FunctionComponentElement<Props>
const myComponentJSX = React.createElement(MyComponent, { prop1: 'foo', prop2: 1 });

如何在使用 <MyComponent prop1="foo" prop2={1} /> 时保留类型？

https://www.typescriptlang.org/play