List.tsx

import React from "react";

type Props = {
  items: {
    id: string;
    name: string;
  }[];
};

// items.length = 100000
export const List = ({ items }: Props) => {
  return (
    <ul>
      {items.map((item) => (
        <li>item.name</li>
      ))}
    </ul>
  );
};