Nextjs でのパスパラメータの取り方

前提

• app router を利用しています。
• next14 を利用しています。
• server component での書き方です。

ソースコード

下記のコードで id に path parameter が入ってきます。

app/company/detail/[id]

import { Form } from './form'

const Registration = ({ params: { id } }: { params: { id: string } }) => {
  console.log('propertyNo: ', id)

  return (
    <div>
      <Form propertyNo={id} />
    </div>
  )
}

export default Registration