链接：发现未知道具：onClick

我正在使用与nextjs的反应。当我尝试添加onClick链接时，出现错误。

import React from 'react';
import PropTypes from 'prop-types';
import Link from 'next/link'

class Navbar extends React.Component {
  render () {
    return(
      <div>
        <Link href="/index" onClick={()=>console.log("sdf")}><a>Home</a></Link>
        <Link href="/about"><a>About</a></Link>
      </div>
    )
  }
}

export default Navbar;

这不是onClick如何添加到reactjs中的链接吗？还是这与nextjs有关