React Component Material UI

ComponentMaterialUI.tsx

import * as React from 'react'
import { Theme } from '@material-ui/core/styles'
import { makeStyles } from '@material-ui/styles';

const useStyles = makeStyles(({ palette }: Theme) => ({
  root: {
    // backgroundColor: palette.primary,
  },
}),
  { name: 'MyComponent' }                            
)

interface Props {
  title: string
}

const MyComponent = ({title}: Props) => {
  const c = useStyles()
  return <div className={c.root}></div>
}

export default MyComponent