Как убрать предупреждение в пустом массиве зависимостей useEffect?

Question

[Павел Орловский]

Как убрать предупреждение в пустом массиве зависимостей useEffect? Хочу просто сделать монтировку при первом рендеренге, но пустой массив подчеркивается и выдает предупреждение:

React Hook useEffect has a missing dependency: 'setScreenSize'. Either include it or remove the dependency array.

Answer 1

[Alexandroppolus]

Добавь setScreenSize в массив зависимостей

Comments

[Егор Живагин]

Это не всегда целесообразно, бывает нужен mount-effect с начальным значением переменной и не нужно реагировать на её изменения

[Alexandroppolus]

Егор Живагин,

const firstMountValue = useRef(value).current;

useEffect(() => {..... firstMountValue ...}, [firstMountValue]);

вот тебе начальное значение переменной.

этот небольшой костыль намного лучше, чем дизабл exhaustive-deps

Answer 2

[Егор Живагин]

Смотря что выдаёт вам такой ворнинг. Если линтер - погуглите синтаксис "eslint-ignore". Если какие-то встроенный средства IDE - забейте

Answer 3

[HealSpirit]

Если setScreenSize защищена от ненужных пересозданий ссылки или находиться вне компонента то ничего критичного не будет, если ее добавить в массив зависимостей