why generic type arrow function shows error?

Why this is not working ?

const List: <ListItem> = ({ items, render }: {  items: ListItem[],  render: (item: ListItem) => React.ReactNode}) => {  return (<View>      { items.map((el, i) => (<Text key={i}>{render(el)}</Text>      )) }</View>  )};

Error:

TransformError SyntaxError: C:\RNT\TS\ts\App.tsx: Unexpected token, expected "(" (54:23)