diff --git a/docs/src/pages/css-in-js/basics/AdaptingStyledComponents.tsx b/docs/src/pages/css-in-js/basics/AdaptingStyledComponents.tsx index 9c29f84aed83fe..fdfb2f513a47b3 100644 --- a/docs/src/pages/css-in-js/basics/AdaptingStyledComponents.tsx +++ b/docs/src/pages/css-in-js/basics/AdaptingStyledComponents.tsx @@ -1,23 +1,24 @@ import React from 'react'; import { styled } from '@material-ui/styles'; -import Button, { ButtonProps as MuiButtonProps } from '@material-ui/core/Button'; +import Button, { ButtonProps } from '@material-ui/core/Button'; +import { Omit } from '@material-ui/types'; -type Omit = Pick>; - -interface Props { +interface MyButtonProps { color: 'red' | 'blue'; } -type MyButtonProps = Props & Omit; - -const MyButton = styled(({ color, ...other }: MyButtonProps) =>