React - Re-rendering issue

JavaScript
#1

Hey guys, I’m trying to set an array of objects to a state in React, but I’m getting this error? Am I somehow using an anti-pattern here? Is it because I’m setting the state of that array in the same component as calling the data?

Screen Shot 2021-01-20 at 10.24.01 AM
Screen Shot 2021-01-20 at 10.24.01 AM1172×1036 88.1 KB

Screen Shot 2021-01-20 at 10.24.30 AM
Screen Shot 2021-01-20 at 10.24.30 AM2502×1382 441 KB

EDIT: So it seems even commenting out the code in a useEffect in this page still breaks it. Perhaps it’s something in the architecture of my React components?

Screen Shot 2021-01-20 at 10.35.32 AM
Screen Shot 2021-01-20 at 10.35.32 AM1204×560 45.4 KB

EDIT2: Even this causes a re-render, oh geez:

Screen Shot 2021-01-20 at 10.50.28 AM
Screen Shot 2021-01-20 at 10.50.28 AM1076×354 35.6 KB

#2

I’m realizing now since this is a Next.js app this very well could be an architectural no-no. Probably will have to integrate SSR with Apollo to continue.