Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TS2769: No overload matches this call.

See original GitHub issue

Is there an existing issue for this?

I have searched the existing issues

Explain what you did

Implement the UI with components <ListItem> <ListItem.Title> on React-native Typed

<ListItem.Content>
                    <ListItem.Title style={styles.itemText}>
                      {item.text}
                    </ListItem.Title>
                  </ListItem.Content>

Expected behavior

The component implementation should be compatible with latest TS Script version

"@babel/core": "^7.12.9",
    "@babel/runtime": "^7.12.5",
    "@react-native-community/eslint-config": "^2.0.0",
    "@types/jest": "^26.0.23",
    "@types/react": "^18.0.7",
    "@types/react-dom": "^18.0.2",
    "@types/react-native": "^0.67.6",
    "@types/react-test-renderer": "^17.0.1",
    "babel-jest": "^26.6.3",
    "babel-loader": "^8.2.5",
    "babel-plugin-react-native-web": "^0.17.7",
    "eslint": "^7.14.0",
    "html-webpack-plugin": "^5.5.0",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "^0.66.2",
    "react-native-typescript-transformer": "^1.2.13",
    "react-scripts": "^5.0.1",
    "react-test-renderer": "17.0.2",
    "source-map-loader": "^3.0.1",
    "ts-loader": "^9.2.8",
    "typescript": "^4.4.4",
    "url-loader": "^4.1.1",
    "webpack": "^5.72.0",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^4.8.1"

Describe the bug

     TS2769: No overload matches this call.
  Overload 1 of 2, '(props: ListItemTitleProps, context?: any): ReactElement<any, any> | null', gave the following error.       
    Type '{ children: string; style: any; }' is not assignable to type 'IntrinsicAttributes & ListItemTitleProps'.
      Property 'children' does not exist on type 'IntrinsicAttributes & ListItemTitleProps'.
  Overload 2 of 2, '(props: ListItemTitleProps): ReactElement<any, any> | null', gave the following error.
    Type '{ children: string; style: any; }' is not assignable to type 'IntrinsicAttributes & ListItemTitleProps'.
      Property 'children' does not exist on type 'IntrinsicAttributes & ListItemTitleProps'.

Steps To Reproduce

npm install latest package "react-native-elements": "^3.4.2",

Screenshots

No response

Your Environment

"react-native-elements": "^3.4.2",

Binaries:
    Node: 16.13.2 - D:\Program Files\nodejs\node.EXE
    Yarn: 1.22.4 - D:\Roaming\npm\yarn.CMD
    npm: 6.14.5 - D:\Roaming\npm\npm.CMD
    Watchman: Not Found
 npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2
    react-native: ^0.68.1 => 0.68.1
    react-native-windows: Not Found