[examples] Nextjs Link missing passHref

[zzossig]

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

mui recently updated nextjs-with-typescript example that changes Link component.
The new Link component wraps a tag with styled and this component lost it's native behavior.

Expected Behavior 🤔

Native link should

1. ctrl(or cmd) + click to open browser in a new tab
2. when mouse hover to a link, it's href displays in the bottom left of a browser.

Steps to Reproduce 🕹

https://codesandbox.io/s/cranky-bash-2tddh?file=/pages/index.tsx

Context 🔦

Your Environment 🌎

same with the codesandbox example.

`npx @mui/envinfo`

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[siriwatknp]

Suggested Fix

diff --git a/examples/nextjs-with-typescript/src/Link.tsx b/examples/nextjs-with-typescript/src/Link.tsx
index 2f54fb257e..7318f42a94 100644
--- a/examples/nextjs-with-typescript/src/Link.tsx
+++ b/examples/nextjs-with-typescript/src/Link.tsx
@@ -28,6 +28,7 @@ export const NextLinkComposed = React.forwardRef<HTMLAnchorElement, NextLinkComp
         replace={replace}
         scroll={scroll}
         shallow={shallow}
+        passHref
         locale={locale}
       >
         <Anchor ref={ref} {...other} />

and in the other /examples

https://codesandbox.io/s/sad-mendeleev-324fk?file=/src/LinkNew.tsx

[zzossig]

That fixes it.
Thank you.

[oliviertassinari]

It's a regression from #28178. I removed the passHref prop from NextLinkComposed because it has no effects, but I forgot to keep the prop applied inside. I should have manually tested that it keeps working.

Regarding the fix proposed in #28588 (comment), we also need to update the other /examples.