ResourceList force an update when items prop reference change

[pedrodurek]

Why do we force an update whenever the items prop from ResourceList change? This forces us to pass a stable reference, otherwise it may cause unnecessary rerenders or/and unwanted behaviour. There are many places across Shopify/web where items are not stable because its original value is being formatted (e.g.: using map or filter) without useMemo. For example:

const items = products.map((product) => ({name: product.name, count: 1}));
<ResourceList items={items} />

or even

<ResourceList items={['item 1', 'item 2']} />

That's an issue even for stable references, whenever the reference changes, it'll force the ResourceList to rerender twice.