For loop in useEffect too many re-renders

I am working on a for loop that starts with 1 column at the window.innerHeight of 530px and increments with +1 if the window.innerHeight gets incremented with 40.

grid
increment
mount
oop
reactjs
window

This is what I have right now, but it says too many re-renders everytime.
Does anyone know why?

let gridcolumns = 1;
  useEffect(() => {
    for (let i = 530; i < window.innerHeight; i += 40) {
      gridcolumns += 1;
    }
  });
  setColumnsAmount(gridcolumns);

>Solution :

You need to add dependency list to your useEffect :

let gridcolumns = 1;
  useEffect(() => {
    for (let i = 530; i < window.innerHeight; i += 40) {
      gridcolumns += 1;
    }
  setColumnsAmount(gridcolumns);
  },[]);