export const data = {
  items: [1, 2, 3],
};

export const refs = {
  items: elements<HTMLLIElement>(),
};

export default () => (
  <ul>
    {data.items.map((item) => (
      <li key={item} ref={refs.items}>
        {item}
      </li>
    ))}
  </ul>
);

export const onStart = () => {
  refs.items.forEach((item) => console.log(item.textContent));
};