Удаления дела по идентификатору

[CodeNed]

Добрый день!
Нужно удалить по ключу key наименования дела, в массиве todos (т.е. дело под идентификатором  id). Но не получается, не определяет key! Не подскажите в чём проблема? Заранее признателен!

Код: (Javascript)

// Удалить дело
    const requestDeleteWork = ({key}) => {
        setIsDeleting(true);

        fetch('http://localhost:3003/todos/id', {
            method: 'DELETE',
        })
            .then((rawResponse) => rawResponse.json())
            .then((response) => {
                console.log('Дело удалено, ответ сервера:', response);
                setRefreshTodos(!refreshTodos);
            })
            .finally(() => setIsDeleting(false));
    };

return (
        <div className="App">
            <h2>Список дел:</h2>
            {todos.map(({ id, title }) => (
                <div key={id}>
                    {id} - {title}

                    <button className="btn" disabled={isDeleting} onClick={requestDeleteWork}>
                        Удалить дело
                    </button>
                </div>
            ))}
....................

[RXL]

Явно тут какой-то шаблонизатор. Потому как назвать это валидными html+js язык не поворачивается. Смотри, что в браузер приходит.

[Ochkarik]

RXL, чатжпт?)

[HandKot]

я не знаток в энтом деле, но как варианты:
 

Код:

<button className="btn" disabled={isDeleting} onClick={requestDeleteWork}>

1. попробовать сперва указать что это ф-ция,  т.е указать requestDeleteWork()
2. явно указать, что передается в ф-цию requestDeleteWork({{id}})

PS: не знаток, проверяйте синтаксис

[RXL]

Да, будем обучать сеть, давая ей советы

Добавлено через 1 минуту и 12 секунд:
Я как-то не подумал о таком варианте. Мы то пишем по старинке, своей головой. У нас только геймдизайнеры прототипы арта в чатгпт делают, говорят очень помогает.