Tom Kowalski (@tomk) | Dev Overflow

Top Questions

CSS: how to center a div — the definitive 2024 guide?

CSS Grid vs Flexbox — when to use which?

JWT authentication — where should I store the token?

Git: how to cleanly undo a pushed commit without rewriting history?

TypeScript: difference between `type` and `interface` — practical guide

Popular Tags

Tom Kowalski (@tomk) | Dev Overflow

2 months ago

React: useEffect dependency array — when does it cause infinite loops?

My component keeps re-rendering infinitely. Here's a simplified version:

function MyComponent({ onUpdate }) {
  const [data, setData] = useState(null);

  useEffect(() => {
    fetchSomething().then(setData);
    onUpdate(data);
  }, [onUpdate, data]);
}

I think the issue is with onUpdate but I'm not sure. What are the rules for the dependency array?

react

javascript

Tom Kowalski

asked 2 months ago

Answers

Upvotes

7800

Views

Top Questions

Popular Tags

Tom Kowalski

Stats 1.5K

How to set up CI/CD pipeline for a Next.js app on Vercel with GitHub Actions?

Top Tech

React: useEffect dependency array — when does it cause infinite loops?

Next.js 14 — App Router vs Pages Router, when to use which?