In this code, why does `expensive` get recomputed on every render despite using `useMemo`?

function List({ data, activeFilters }) { const filters = [...activeFilters]; const expensive = useMemo( () => compute(data, filters), [data, filters] ); }