Type ‘void’ is not assignable to type ‘((event: MouseEvent) => void) | undefined’

by

In your code this.fetchData("dfd") you are calling the function. The function returns void. void is not assignable to onClick which expects a function.

Fix

Create a new function that calls fetchData e.g. onClick={() => this.fetchData("dfd")} .

More Information

This is a very common error prevented by TypeScript 🌹

More Related Contents:

  1. Can’t perform a React state update on an unmounted component
  2. How to fix error “Failed to compile : ./node_modules/@react-leaflet/core/esm/path.js 10:41 Module parse failed: Unexpected token (10:41)”
  3. When to use JSX.Element vs ReactNode vs ReactElement?
  4. Typescript: React event types
  5. How can I disable all typescript type checking?
  6. Should we use useCallback in every function handler in React Functional Components
  7. TypeScript React.FC confusion
  8. “You may need an additional loader to handle the result of these loaders.”
  9. How to disable the selection of an item when the first letter of the option is pressed in the Select component?
  10. useMemo vs. useEffect + useState
  11. Browser Detection in ReactJS
  12. how can I use top level “await” in typescript next.js
  13. import * as React from ‘react’; vs import React from ‘react’;
  14. TypeError: Cannot read properties of undefined (reading ‘call’) on Next.js
  15. How to prevent Next.js from instantiating a singleton class/object multiple times?
  16. Next.js app folder: is there some “entry point”? A direct replacement for _app.tsx?
  17. Preserve Type when using Object.entries
  18. Using styled-components with props and TypeScript
  19. How to create a translucent in React Native?
  20. ReactJS Two components communicating
  21. setState() inside of componentDidUpdate()
  22. React Hooks – What’s happening under the hood?
  23. How to implement a dynamic form with controlled components in ReactJS?
  24. Using optional chaining operator for object property access
  25. Updating source URL on HTML5 video with React
  26. Jquery in React is not defined
  27. How to download fetch response in react as file
  28. JSX not allowed in files with extension ‘ .js’ with eslint-config-airbnb
  29. How to import ipcRenderer in vue.js ? __dirname is not defined
  30. Extending React.js components

Leave a Comment