React/Material-ui Button

PrimaryButton.jsx
import React from 'react';
import Button from '@material-ui/core/Button';
import {makeStyles} from "@material-ui/styles";
import {createStyles, Theme} from "@material-ui/core";

const useStyles = makeStyles((theme) =>
    createStyles({
        "button": {
            backgroundColor: theme.palette.primary.main,
            color: '#000',
            fontSize: 16,
            height: 48,
            marginBottom: 16,
            width: 256,
            "&:hover": {
                backgroundColor: theme.palette.primary.light,
            }
        }
    })
)

const PrimaryButton = (props) => {
    const classes = useStyles()

    return (
        Button className={classes.button} variant="contained" onClick={() => props.onClick()}>
            {props.label}
        /Button>
    );
};

export default PrimaryButton;
    
Buttonを表示する.jsx
PrimaryButton
    label={"アカウントを登録する"}
    onClick={() => dispatch(signUp(username, email, password, confirmPassword))}
/>