ReactにMaterial-UIを実装する方法

import React, { useState } from 'react';

const CountUp = () => {

  const [count, setCount] = useState(0);

  const increment = () =>{
    setCount(count + 1);
  };

  const decrement = () => {
    setCount(count - 1);
  }

  const kakezan = () => {
    setCount(count * 2);
  }

  return (
    <>
      <h1>現在の値は{ count }です</h1>
      <button onClick={increment}>+</button>
      <button onClick={decrement}>-</button>
      <button onClick={kakezan}>*2</button>
    </>
  );
};

export default CountUp;


↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
下記のBasic button groupを追加しようとしたところ、反映されない状況です。
```react

import Button from '@mui/material/Button';
import ButtonGroup from '@mui/material/ButtonGroup';

export default function BasicButtonGroup() {
  return (
    <ButtonGroup variant="contained" aria-label="outlined primary button group">
      <ButtonOne</Button>
      <Button>Two</Button>
      <Button>Three</Button>
    </ButtonGroup>
  );
};

### 自分で試したこと
ここに問題・エラーに対して試したことを記載してください。