react オブジェクトの中身が取得できない

Question

reactを使っています。
findを使って取得したオブジェクトの名前を表示したいです。
currentValue()をconsole.log()で見るとオブシェくトは取得できています。しかし、取得したオブシェクトのnameを表示すると(currentValue().name)エラーになってしまいます。
理由がわかる人いましたらご教授いただけるとありがたいです。

エラー

Uncaught TypeError: Cannot read properties of undefined (reading 'id')

  const [state, setState] = useState<{id: number, name: string}[]>([])
 
  const currentValue = () => {
    return state.find((s) => {
      return s.name === props.groups.name;
    });
  };

　　　　console.log(currentValue()) // ←ここではオブジェクトが取得できている
  console.log(currentValue().name)

Comments

[maisumakun]

「reading 'id'」とメッセージに出ているのですが、ご提示のコードにはidを参照するコードがありません。本当に正しいのでしょうか？

[FKM]

console.log(currentValue())で表示されているオブジェクトの提示お願いします。