#usecallback

React.memo list still re-rendered every row: inline objects and functions defeated memoization

We wrapped each row of a 1,500-item list in React.memo, yet typing in a filter box re-rendered every row. Each render passed a new style object and a new onSelect function, so the shallow prop comparison always failed. How we found it with the Profiler and fixed it with stable references.