Effects are an escape hatch from the React paradigm. They let you “step outside” of React and synchronize your components with some external system like a non-React widget, network, or the browser DOM. If there is no external system involved (for example, if you want to update a component’s state when some props or state change), you shouldn’t need an Effect. Removing unnecessary Effects will make
![You Might Not Need an Effect – React](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e7422857a8009eeb7f911c6774e773797ef3c83/height=288;version=1;width=512/https%3A%2F%2Freact.dev%2Fimages%2Fog-learn.png)