Property ‘value’ does not exist on type ‘never’. when use useRef hook in mui

by

useRef is generic if you use it with TypeScript, so you can define the referenced element type like const ref = useRef<Type>();

Looking into the type definitions for the inputRef property in MaterialUI it states:

/**
 * Pass a ref to the `input` element.
 */
inputRef?: React.Ref<any>;

So for a fix you can define your refs like:

const accountRef = useRef<any>();

But the ref is passed through the input field inside the component, better type would be:

const accountRef = useRef<HTMLInputElement>();

More Related Contents:

  1. mobx-react observer don’t fires when I set observable
  2. Line 0: Parsing error: Cannot read property ‘map’ of undefined
  3. Set types on useState React Hook with TypeScript
  4. React Hooks – Modified state not reflecting immediately
  5. React Hooks – Modified state not reflecting immediately
  6. is it possible to React.useState(() => {}) in React?
  7. How to assign the correct typing to React.cloneElement when giving properties to children?
  8. What is the expected return of `useEffect` used for?
  9. Put A Warning If Page Refresh in ReactJS
  10. How to use `setState` callback on react hooks
  11. What does the error “JSX element type ‘…’ does not have any construct or call signatures” mean?
  12. Property ‘value’ does not exist on type ‘Readonly’
  13. React useReducer async data fetch
  14. How to import and export components using React + ES6 + webpack?
  15. Internal implementation of “makeStyles” in React Material-UI?
  16. ReactJS with ES6: this.props is not a function when I communicate two components
  17. useNavigate() may be used only in the context of a component
  18. Testing React components that fetches data using Hooks
  19. Value of “this” is incorrect when debugging Babel transpiled React with Chrome Devtools
  20. Why React useState with functional update form is needed?
  21. React.useState does not reload state from props
  22. How do react hooks determine the component that they are for?
  23. useReducer Action dispatched twice
  24. Attempted import error: ‘useHistory’ is not exported from ‘react-router-dom’
  25. React Hooks – How do I implement shouldComponentUpdate?
  26. Difference between @mui/material/styles and @mui/styles?
  27. React hook rendering an extra time
  28. Typescript + React/Redux: Property “XXX” does not exist on type ‘IntrinsicAttributes & IntrinsicClassAttributes
  29. How do I window removeEventListener using React useEffect
  30. React Hook useEffect has a missing dependency: ‘list’

Leave a Comment