Keyboard navigation for list in React

List.tsx

const List = () => {

  return (
    <ul role="list" className="divide-y divide-gray-100">
      {directory.map((person, index) => (
        <ListItems
          {...person}
          key={person.email}
        />
      ))}
    </ul>
  );
};

export default List;