kassshi

import { useState } from "react";
import Table from "@mui/material/Table";
import TableBody from "@mui/material/TableBody";
import TableCell from "@mui/material/TableCell";
import TableContainer from "@mui/material/TableContainer";
import TableHead from "@mui/material/TableHead";
import TableRow from "@mui/material/TableRow";
import Paper from "@mui/material/Paper";
import "./App.css";
import {

kassshi

import { useState } from "react";
import "./App.css";
import { Button, Container } from "@mui/material";
import Modal from "react-modal";

const customStyles = {
  content: {
    top: "20%",
    left: "50%",
    right: "auto",

kassshi

import { Box, Button, makeStyles } from "@mui/material";
import * as React from "react";
import { useState } from "react";
import Modal from "react-modal";

interface Props {
  isOpen: boolean;
  closeModal: () => void;
}

kassshi

/* ValueObjectで表現されたクラス */
class User {
  UserId userId;
  UserName userName;
}

class UserId {
  int value;
}