React Each child in a list should have a unique "key" prop.

Question

削除ボタンを押下しチェックボックスにチェックが入っていたら選択されたListが消えるというのを実装したいです。

親コンポーネントで選択されたnameListを削除する処理（handleDelete）を定義し子コンポーネントに渡しているのですが
Warning: Each child in a list should have a unique "key" prop.というエラーが出てボタンを押しても削除されません。
どうやって修正したらいいのでしょうか？

//親コンポーネント
const App: React.FC = () => {
    const [name, setName] = useState('')
    const [names,setNames] = useState<name>([])

  //選択されたnameListを削除する処理
  const handleDelete = (name: string) => {
    setNames(prev => prev.filter(t => 
      t.text !== name
    ))
  }

    return (
        <div>
            <TaskInput setTasks={setTasks} names={names} />
            <NameList 
              name={names}
              isChecked={isChecked}
              handleDelete={handleDelete}
            />
        </div>
    )
}

//子コンポーネント
import React from 'react'
import TaskItem from './TaskItem'
import { Task } from './Types'
 

interface Props  {
  names:name
  isCheked: (names:name) => void
  handleDelete: (name:string) => void
}

const NameList: React.FC<Props> = ({ names, isCheked, handleDelete }) => {

    return (
    <button
        disabled={false}
        onClick={()=>handleDelete(name)}
      >
      削除
     </button>
    
    {names.map((name) => (
    <div>     
     <Checkbox
        label={false}
        ripple
        onChange={isCheked}
        disabled={false}
     />
     <ul className="task-list">
       <list>
       {name.name}
        </list>
        </ul>
    </div>
    )
}
 
export default NameList

```

Answer 1

{names.map((name, i) => (
    <div key={i}>     
     <Checkbox
        label={false}
        ripple
        onChange={isCheked}
        disabled={false}
     />
     <ul className="task-list">
       <list>
       {name.name}
        </list>
        </ul>
    </div>
    )
}

Comments

[dsfdsf]

const handleDelete = (name: string) => {
setNames(prev => prev.filter(t =>
t.text !== name
))
}

[dsfdsf]

上記のどこにkeyを書けばいいのでしょうか？

[Nippun]

変更しました
そもそもフックスの使い方が間違ってるような。。。

[dsfdsf]

ありがとうございました

[dsfdsf]

どこが間違っているのでしょうか？
結局直してもボタンを押したときに削除ができなかったのでフックスが間違っているのでしょうか？