KT-MyPage-front/src/pages/dashboard/index.tsx

import { Box, Card, CardContent, CardHeader, Typography } from "@mui/material";
import useDashboard from "hooks/useDashBoard";
import { PageID, TabID } from "pages";
import { useEffect } from "react";

export default function Overview() {
  const { setHeaderTitle, setTabs } = useDashboard(
    PageID.DASHBOARD_OVERVIEW,
    TabID.NONE
  );

  useEffect(() => {
    setHeaderTitle("ポータル");
    setTabs(null);
  }, [setHeaderTitle, setTabs]);
  return (
    <Box sx={{ p: 1, m: 1 }}>
      <Card>
        <CardContent>
          <Typography variant="h6" mb={3}>
            お知らせ
          </Typography>
          <Typography variant="body2">特にありません</Typography>
        </CardContent>
      </Card>
    </Box>
  );
}