All files / app/components StyledLink.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
29x
29x
29x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
29x
 
844x
 
import MuiLink, { LinkProps as MuiLinkProps } from "@mui/material/Link";
import NextLink, { LinkProps as NextLinkProps } from "next/link";
import { forwardRef } from "react";
 
// Combine Next.js and MUI Link props
type StyledLinkProps = Omit<MuiLinkProps, "href"> &
  NextLinkProps & { href: string };
 
const StyledLink = forwardRef<HTMLAnchorElement, StyledLinkProps>(
  ({ href, ...props }, ref) => (
    <MuiLink
      component={NextLink}
      ref={ref}
      href={href}
      underline={props.underline || "hover"}
      {...props}
    />
  ),
);
 
StyledLink.displayName = "StyledLink";
 
export default StyledLink;