generic-component-usage.tsx

generic-component-usage.tsx

const items = [
  {
    text: 'item1',
    data: {
      onPress: () => new Promise.resolve()
    }, 
  },
];

const UsingMyList: React.FC = () => (
  <MyList<{onPress: (item: MyListItemProps) => Promise<void>}> // declare custom properties
    items={items}
    onItemSelected={(item: MyListItemProps) => item.data.onPress()} // use custom properties
  />
);