JSS

component.tsx

const useStyles = makeStyles(() => ({
  root: {
    overflowY: 'auto',
    flex: 1,
    maxHeight: '400px',
  }
}))

const TodoList: FC<TodoProps> = props => {
  const { className, items = [], title = 'Todo', onUpdate } = props
  const classes = useStyles(props)

  return (
    <div className={classNames(className, classes.root)}>
     ...
    </div>
  )
}

export default TodoList