Typescript unexpected "?" when using listrenderItem with extends generic

Why I get this error at the end of my extends >= ({ item })

Error:

(alias) interface IShopsListDataFunctionimport IShopsListDataFunction'?' expected.ts(1005)

Code:

  const renderItem: ListRenderItem<IShopsListData extends IShopsListDataFunction> = ({ item }) => (<View></View>  )

If I remove the extends then it works but I need my IShopsListDataFunction