How to avoid overusing useMemo?

Question

React

The documentation states the following:
useMemo will only recalculate the stored value when one of the dependencies has changed. This optimization helps avoid costly calculations on every render.
Sounds good, doesn't it? But in order to optimize performance, one must be sure that the calculations are more expensive than using the Memo itself before using it. Any suggestions for when to avoid using Memo?

Answer 1

useMemo uses a superficial dependency comparison, just as each render defines a callback function if it is written in the body of the component.
The same data filtering or rendering lists usually cost more. You can look at the source code of the hooks and evaluate all the internal calls that the library makes.
Keep in mind that there is a note in the documentation that React can forget your value, so this hook should only be used for memorization.
I saw code examples when useMemo was used both to create a context and to update the state. This should not be done, as the context created in this way may be lost or the state may be reset.