javascript - Array.find は TypeError を返します / params の正しい使用

Question

データ配列からアクセスしたいのですnameが、「TypeError: 未定義のプロパティ 'name' を読み取れません」というメッセージが表示され続けます。誰かが間違いを見つけることができますか？<button>{itemName}</button>名前は表示されますが、小道具でアクセスできません...

export default function Home({ match }) {

  const item = data.find(item => item.name === match.params.itemName);

  return (
     <div>
      <button>{item.name.toUpperCase()}</button>
    </div>
  );
}

export const data = [
  {
    name: "Apple",
    id: 1 
  },
  {
    name: "Banana",
    id: 2 
  },
  {
    name: "Blueberry",
    id: 3 
  }
];