React useMemo Hook

The React useMemo Hook returns a memoized value.

Think of memoization as caching a value so that it does not need to be recalculated.

The useMemo Hook only runs when one of its dependencies update.

const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);