استخدام material ui link مع link Next.JS

يمكنك تمرير المكون من MaterialUI كإبن للمكون Link 

import Link from 'next/link'
import { Link as StyledLink } from '@material-ui/core';

// ..

return (
  <Link href="/" passHref>
  	<StyledLink>Home</StyledLink>
  </Link>
)

لاحظ تمرير الخاصية passHref وهي تجعل المكون يمرر الرابط للمكون الإبن

يقبل Link خاصية component. يعمل بشكل جيد مع react-router ، يعمل أيضا بشكل جيد مع رابط  NextJS Link

<Link component={NextjsLink}>Link Text</Link>