That way, components that use API only won’t re-render when the data changes.

It is okay to use array’s index as key, if the list is static, i.e. elements are not added/removed/inserted/re-ordered.

useMemo has its cost (consumes a bit of memory and makes initial render slightly slower)

React.memo has to be applied to the elements passed as children/props.

Props are not affected by the state change, so heavy components won’t re-render

context changes

Referer header disabled