Вангую, что неправильно настроен редактор. Большего из твоего вопроса не вытянуть

то есть лучше дублировать каждое свойство? Но в HOCs же используется. Деструктуризация вроде норм сработает и там будут те же ссылки на исходный объект. На счет того как внутри работает {...props} не уверен

хоки не нужны

Есть объект, хранящий жанры: id, label

Мне с сервера приходит id жанра, и по айдишнику, я хочу достать его описание, чтобы не делать лишний поиск, можно достать по динамическому ключу.
Например:
genres[genreId]

Первое что приходит в голову, это вместо books, business... подставить цифровые значения айдишников, но в таком случае не сразу понятно что это за объект.

Как правильно поступить? Пришла идея создать еще один объект, типа:
{
123: 'books',
 345: 'business',
}

Чтобы присваивать жанру строковое значение, а затем по этому строковому значению-айдишнику, доставать нужные мне данные. Но в таком случае появляется лишний объект, и начинаешь задумываться, может не такая уж и плохая идея, чтобы создать объект по цифровым ключам.

Как правильнее поступить?

У меня такая ошибка выходит
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.

утечка памяти. в useEffect тебе нужно очистить все useState, и асинхронные запросы. если используешь axios, сделать axios.clear().

У меня такая ошибка выходит
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.

Не слушай его, надо просто функцию из useEffect возвращать

Не слушай его, надо просто функцию из useEffect возвращать

да ладно?