usePropertyChangeTracker.js

import * as React from 'react'

export function usePropertyChangeTracker({ data, property, callback }) {
	const previousDataRef = React.useRef([])

	React.useEffect(() => {
		const previousData = previousDataRef.current

		for (let i = 0; i < data.length; i++) {
			const previousItem = previousData[i]
			const currentItem = data[i]

			if (previousItem && previousItem[property] !== currentItem[property]) {
				callback({ previous: previousItem, current: currentItem })
			}
		}

		previousDataRef.current = data
	}, [data, property])
}