index.js

/* 
router/index.js 
*/

/* Rest of the router code */

const Link = ({ href, activeClass, children }) => {
  const router = useRouter();

  const navTo = (route) => (ev) => {
    ev.preventDefault();
    router.push(route);
  };

  return React.Children.map(children, (btn) =>
    cloneElement(btn, {
      className: `${btn.props.className} ${
        router.route === href ? activeClass : ""
      }`,
      onClick: navTo(href)
    })
  );
};

// Don't forget to export this as well!
export { Link, ... };