"use client"
 
import { useKeyedArray } from "@/hooks/use-keyed-array"
 
export function Component() {
  const items = [{ name: "Item 1" }, { name: "Item 2" }, { name: "Item 3" }]
 
  const keyedItems = useKeyedArray(items, {
    getKey: (item, index) => `item-${index}`,
  })
 
  return (
    <ul>
      {keyedItems.map((item) => (
        <li key={item._key}>{item.name}</li>
      ))}
    </ul>
  )
}