reactHookGetter.ts

const useRecords = () => {
	const [record, setRecord] = useState<Record<string, string>>({
		'record 1': 'foo',
		'record 2': 'foo',
		'record 3': 'bar',
	})

	return {
		get uniqueRecords() {
			const uniqueRecords = new Set(Object.values(record))
			return [...uniqueRecords]
		},
	}
}

const DisplayRecords: React.FC = () => {
	const { uniqueRecords } = useRecords()

	return (
		<>
			{uniqueRecords.map((record) => (
				<p key={record}>{record}</p>
			))}
		</>
	)
}