How does one add a css class to a Link component in Next.js?
<Link
className="app-subnav__link"
href="/globalSettings"
>
Settings overview
</Link>
It doesn't like the above! ES Link is throwing an error:
Next.js adding a css class to Link
Viewed 15765
2 Answers
Try this:
<Link href="/globalSettings">
<a className="app-subnav__link">Settings Overview</a>
</Link>
enclose link inside a <div> . Apply className in the <div> . This might not be the right way to do it but it works
Related