Typescript + MUI + Styled

Wrapper.tsx

const MyComponent: React.FC<{ theme: MyTheme }> = styled(({ theme, ...props }) => <Box {...props} />)`
  && {
    text-align: center;
    padding-top: ${props => props.theme.spacing(2)}px;
  }
`

export const Wrapper: React.FC<WrapperProps> = ({ ...props }) => {
  const theme: MyTheme = useTheme()
  return (
    <MyComponent theme={theme}>
  )
}