question-mark
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.

No overload matches this call Issue with Most of the components - ReactNative + TypeScript

See original GitHub issue

Most of the component showing “No overload matches this call.” this error message, (Already Tryed #2482,#1971)

Packages (Using Yarn)

“react-native”: “0.63.4”, “react-native-paper”: “^4.7.1”, “@types/react-native”: “^0.63.46”

Screenshot 2021-01-27 at 6 09 53 AM

Screenshot 2021-01-27 at 6 08 06 AM

 <Button
          color={colors.primary}
          labelStyle={{color: '#fff'}}
          compact={false}
          style={{marginBottom: 15, padding: 6, borderRadius: 50}}
          mode="contained"
          onPress={signIn}>
          CONTINUE
        </Button>

ERROR

No overload matches this call. Overload 1 of 2, ‘(props: Pick<Props, “ref” | “style” | “children” | “hitSlop” | “onLayout” | “pointerEvents” | “removeClippedSubviews” | “testID” | “nativeID” | “collapsable” | “needsOffscreenAlphaCompositing” | … 57 more … | “contentStyle”> & { …; }, context?: any): ReactElement<…> | … 1 more … | null’, gave the following error. Type ‘{ children: string; mode: “outlined”; onPress: () => void; }’ is missing the following properties from type ‘Pick<Props, “ref” | “style” | “children” | “hitSlop” | “onLayout” | “pointerEvents” | “removeClippedSubviews” | “testID” | “nativeID” | “collapsable” | “needsOffscreenAlphaCompositing” | … 57 more … | “contentStyle”>’: accessibilityComponentType, accessibilityTraits Overload 2 of 2, ‘(props: PropsWithChildren<Pick<Props, “ref” | “style” | “children” | “hitSlop” | “onLayout” | “pointerEvents” | “removeClippedSubviews” | “testID” | “nativeID” | “collapsable” | “needsOffscreenAlphaCompositing” | … 57 more … | “contentStyle”> & { …; }>, context?: any): ReactElement<…> | … 1 more … | null’, gave the following error. Type ‘{ children: string; mode: “outlined”; onPress: () => void; }’ is missing the following pr

PACKAGE


{
  "name": "vgcMobile",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
    "clean:android": "cd android && gradlew clean && cd..",
    "clean:ios": "cd ios && xcodebuild clean && cd ..",
    "xcode": "xed -b ios",
    "pod-update": "cd ios pod update && cd ..",
    "pod-install": "cd ios && pod install  && cd ..",
    "doctor": "react-native doctor",
    "update": "react-native upgrade",
    "clean:npm": "yarn && cd ios && pod install && pod update && cd .."
  },
  "dependencies": {
    "@babel/plugin-proposal-decorators": "^7.12.12",
    "@react-native-community/masked-view": "^0.1.10",
    "@react-navigation/drawer": "^5.12.3",
    "@react-navigation/material-bottom-tabs": "^5.3.13",
    "@react-navigation/material-top-tabs": "^5.3.13",
    "@react-navigation/native": "^5.9.2",
    "@react-navigation/stack": "^5.14.2",
    "babel-plugin-transform-decorators-legacy": "^1.3.5",
    "mobx": "^6.0.5",
    "mobx-react": "^7.0.6",
    "react": "16.13.1",
    "react-native": "0.63.4",
    "react-native-gesture-handler": "^1.9.0",
    "react-native-paper": "^4.7.1",
    "react-native-reanimated": "^1.13.2",
    "react-native-safe-area-context": "^3.1.9",
    "react-native-screens": "^2.17.1",
    "react-native-svg": "^12.1.0",
    "react-native-tab-view": "^2.15.2",
    "react-native-vector-icons": "^8.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.8.4",
    "@babel/runtime": "^7.8.4",
    "@react-native-community/eslint-config": "^1.1.0",
    "@types/color": "^3.0.1",
    "@types/jest": "^25.2.3",
    "@types/react-native": "^0.63.46",
    "@types/react-native-text-input-mask": "^0.7.5",
    "@types/react-test-renderer": "^16.9.2",
    "babel-jest": "^25.1.0",
    "eslint": "^6.5.1",
    "jest": "^25.1.0",
    "metro-react-native-babel-preset": "^0.59.0",
    "react-test-renderer": "16.13.1",
    "typescript": "^3.8.3"
  },
  "jest": {
    "preset": "react-native",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ]
  }
}

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:5
  • Comments:9 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
nonameolssoncommented, May 24, 2021

Is there a working version with a fix for this somewhere? Downgrading to an earlier version feels like a temporarily solution. And I actually haven’t been able to get it to work with @types/react-native@0.62.2.

I still get this error image

1reaction
fermmmcommented, Nov 10, 2021

same problem here, downgrading to @types/react-native@0.62.2 didn’t work for me

Read more comments on GitHub >

github_iconTop Results From Across the Web

React + TypeScript error: No overload matches this call
in the error message, you can find the problem. Property 'handleTextAreaUpdate' does not exist on type means that you should define a ...
Read more >
Typescript error: No overload matches this call. #2482 - GitHub
I just init a expo typescript project. Then add 'react-native-paper' in my project. When try to use Button component it gives me this ......
Read more >
No overload matches this call with styled components ...
No overload matches this call in TypeScript is really annoying and there aren't too many solutions around there, though we have a solution!...
Read more >
Resolving React Native Paper 'No overload matches this call ...
When I first noticed this error, I found it taking up nearly the entire window: TypeScript error shown printed to the terminal. The...
Read more >
No overload matches this call when trying to use array.reduce
I get the output I'm looking for, but typescript is yelling at me with this 700 line error message: No overload matches this...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found