如何在MaterialUI中扩展OverridableComponent接口

Question

我正在尝试将Container组件与使用ContainerProps的样式组件一起使用，但是后来我无法通过属于component接口的OverridableComponent道具。 下面的代码给我错误，告诉我我无法传递component属性。当我将<Container/>更改为<MuiContainer/>时可以使用。

MuiContainer的类型为OverridableComponent<ContainerTypeMap<{}, 'div'>>，但我无法从OverridableComponent导入@material-ui/core

我如何使传递component属性成为可能？

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>
    </>
  );
};