title: Material-UI Next js Link Button
body: <p>I am working on a Server-Side-Rendering React Project, built with Next-JS and Material-UI.
  and i want to apply To Material Ui <a href="https://material-ui.com/api/button/" rel="noreferrer">button</a> -> the <a href="https://nextjs.org/docs/api-reference/next/link#dynamic-routes" rel="noreferrer">Link with Dynamic routes</a> </p>
  
  <p>how can i do this? i would <a href="https://material-ui.com/guides/composition/#button" rel="noreferrer">apply React Router Link</a>,but it is different...</p>
  
  <p>my problem is that it has another properties required such as "as" property.</p>