test dynamic route Error??

[pid].js

// products/[pid].js

import React from 'react'

const productID = (props) => {
    return <>Test slug: {props.pid}</>
}
productID.getInitialProps = ({query}) => {
    const {pid} =query
    return {pid}
}
export default productID

index.js

import Link from 'next/link'
import React from 'react'
const Index = () => {
    return <> OK <Link href={`/products/12345`}><a>sss</a></Link> </>
}
export default Index