问设置React子类型脚本定义会破坏父属性类型检查

EN

import React from 'react';

export interface TestProps {
  style: {
    flex?: number;
  };
  children: React.ReactNode;
}

const Test = ({ style }: TestProps) => <div style={style} />;

export const MainTest = () => (
  <>
    <Test style={{ flex: 1, someOtherProp: 'center' }} />;
    <Test style={{ flex: 1, someOtherProp: 'center' }}>
      <p>Children Breaks TypeChecking</p>
    </Test>
  </>
);