React material-uiが反映されないことに対する質問

###Material-UIを用いてReactにレイアウトを加えたいと思っております。

やりたいことはcreatestyleの中のbの要素を反映させたいと考えております。
コードはtsxファイルのなかに記載しています。

ソースコード

React
1import eachWeekOfInterval from 'date-fns/eachWeekOfInterval'
2import addMonths from 'date-fns/addMonths'
3import subMonths from 'date-fns/subMonths'
4import startOfMonth from 'date-fns/startOfMonth'
5import endOfMonth from 'date-fns/endOfMonth'
6import { createStyles, makeStyles } from '@mui/styles'
7
8const useStyles = makeStyles(() => {
9  createStyles({
10    b: {
11      position: 'relative',
12      color: 'red'
13    }
14  })
15})
16
17export const Calender = () => {
18  const getCalendarArray = (date) => {
19    const sundays = eachWeekOfInterval({
20      start: startOfMonth(date),
21      end: endOfMonth(date)
22    })
23    return sundays.map((sunday) =>
24      eachDayOfInterval({ start: sunday, end: endOfWeek(sunday) })
25    )
26  }
27  const [targetDate, setTargetDate] = useState(new Date())
28  const calendar = getCalendarArray(targetDate)
29  const classes = useStyles()
30  return (
31    <div>
32      <div>
33        <button
34          className={classes.b}　　　　//ここが反映されない
35
36          onClick={() => setTargetDate((current) => subMonths(current, 1))}
37        >
38          前の月
39        </button>
40        {format(targetDate, 'y年M月')}
41        <button
42          onClick={() => setTargetDate((current) => addMonths(current, 1))}
43        >
44          次の月
45        </button>
46      </div>
47
48      <table>
49        <thead>
50          <tr>
51            <th>日</th>
52            <th>月</th>
53            <th>火</th>
54            <th>水</th>
55            <th>木</th>
56            <th>金</th>
57            <th>土</th>
58          </tr>
59        </thead>
60        <tbody>
61          {calendar.map((weekRow, rowNum) => (
62            <tr key={rowNum}>
63              {weekRow.map((date) => (
64                <td key={getDay(date)}>{getDate(date)}</td>
65              ))}
66            </tr>
67          ))}
68        </tbody>
69      </table>
70    </div>
71  )
72}