import Box from "@material-ui/core/Box" ; import Link from "@material-ui/core/Link" ; import Typography from "@material-ui/core/Typography" ; import { Link as RouterLink } from "react-router-dom" ; const Footer = ( ) => { return ( < Box sx = { { p : 6 } } component = "footer" > < Typography variant = "body2" color = "text.secondary" align = "center" > { "© " } < Link color = "inherit" component = { RouterLink } to = { `/${ process . env . PUBLIC_URL }/` } > { process . env . REACT_APP_NAME } < /Link>{" "} { new Date ( ) . getFullYear ( ) } { "." } < /Typography> < /Box>); } ; export default Footer ;