Material UI Grid组件使用自定义断点报No overload matches错误原因

• 核心原因是你使用了未做TypeScript类型扩展的自定义响应式断点。Material UI 内置Grid组件默认仅支持xs、sm、md、lg、xl五种标准断点属性，你代码中传入的mmd、ssm属于自定义断点，没有提前对Grid组件的属性类型做声明扩展，因此TypeScript识别到这两个不存在的属性，直接抛出类型不匹配错误。
• 报错中提到的component属性缺失是TypeScript重载匹配逻辑带来的衍生报错：当你传入了Grid类型定义中不存在的属性时，TS无法匹配到无需传入component参数的默认重载，转而尝试匹配第一个要求必须传入component参数的重载，因此额外抛出了component缺失的错误，该问题的根源还是自定义断点没有做类型适配。

内容的提问来源于stack exchange，提问作者Mahdi Zeynali