Component 0 - Copy this React, Mui Component to your project

import React from 'react'; import { styled } from '@mui/system'; import { Button, Typography } from '@mui/material'; import { Link } from 'react-router-dom'; const StyledButton = styled(Button)({ backgroundColor: '#ff9900', color: 'white', padding: '10px 20px', margin: '10px', textTransform: 'capitalize', '&:hover': { backgroundColor: '#e68a00', }, }); const StyledTypography = styled(Typography)({ fontWeight: 'bold', color: '#ff9900', }); const CustomButton = () => { return ( <Link to="/somewhere" style={{ textDecoration: 'none' }}> <StyledButton variant="contained"> <StyledTypography variant="body1">Click me!</StyledTypography> </StyledButton> </Link> ); }; export default CustomButton;