Incorrect props types for React native styled components?

Question

typescript

When creating a styled component, it has incorrect prop types:

And if you add a type when creating StyledList :

But just FlatList works correctly:

React: 16.9.0
React Native: 0.61.5
Styled Components: 4.4.1
@types/Styled Components: 4.4.1

Answer 1

I think you need to define the type of props for the Test component:

export default class Test extends React.Component<{ item: Data }>

Answer 2

const Item = (props: {item: Data}) => ...
and now you get two props: id and value
, and then Test also needs to be correctly typed so that props.item comes of the desired type