Проблема eslint в Reactjs с useEffect, в этом случае как не нужно ставить // eslint-disable-line

Question

Ну, ребята, у меня есть функция, которая использует в себе некоторые переменные. Однако он должен выполняться только при изменении конкретной c зависимости от него. в этом случае состояние индекса. Как решить проблему, не добавляя // eslint-disable-line. Спасибо.

useEffect(() => {
    setRows([])

    const max = index === pages ? data.length : index * range 

    for (let i = index * range - range; i < max ; i++) {
        setRows(oldElemets => [...oldElemets, data[i]])
    }

}, [index])