reactjs - 如何在 Material-UI 中扩展 OverridableComponent 接口(interface)

Question

我正在尝试使用 Container带有样式组件的组件使用 ContainerProps但是我不能通过component属于 OverridableComponent 的 Prop 界面。
下面的代码给了我一个错误，告诉我我不能通过 component属性(property)。当我更改 <Container/>至<MuiContainer/>有用。MuiContainer有类型 OverridableComponent<ContainerTypeMap<{}, 'div'>>但我无法导入 OverridableComponent来自 @material-ui/core我怎样才能通过component属性(property)可能吗？

import { Container as MuiContainer, ContainerProps } from '@material-ui/core';
import React from 'react';
import styled from 'styled-components';

const Container = styled(MuiContainer)<ContainerProps>``;

export const Test = () => {
  return (
    <>
      <Container maxWidth="lg" component="main">
        content
      </Container>
    </>
  );
};

Answer 1

Usage of component prop

const Container = styled(MuiContainer)<ContainerProps<'main', { component: 'main' }>>``;