How to styling Link component when on active page on nextjs

Question

I have a question about styling a (anchor) component when it on the active page. Here is my code.

import Link from \'next/link\';
import styled from \'styled-comp