How do I avoid ‘Function components cannot be given refs’ when using react-router-dom?

by

Just give it as innerRef,

// Client.js
<Input innerRef={inputRef} />

Use it as ref.

// Input.js
const Input = ({ innerRef }) => {
  return (
    <div>
      <input ref={innerRef} />
    </div>
  )
}

More Related Contents:

  1. React-router-v6 access a url parameter
  2. Detecting user leaving page with react-router
  3. React router changes url but not view
  4. Why do I get the error “expressions must have one parent element”, how do I fix this?
  5. What is the best way to redirect a page using React Router? [closed]
  6. React Router Pass Param to Component
  7. How to stop /#/ in browser with react-router?
  8. Material UI v4 makeStyles exported from a single file doesn’t retain the styles on refresh
  9. Change border color on Material-UI TextField
  10. react-router-dom useParams() inside class component
  11. Cannot read property ‘history’ of undefined (useHistory hook of React Router 5)
  12. How do you programmatically update query params in react-router?
  13. Invariant failed: You should not use outside a
  14. Setting text color, outline, and padding on Material-ui Autocomplete component
  15. Using React-Router with a layout page or multiple components per page
  16. Use history.push in action creator with react-router-v4?
  17. Is it possible to override material-ui components default props?
  18. How to use MUI v5 makeStyles without ThemeProvider?
  19. Page layout broken in React Router v6
  20. React App goes blank after importing React-Router-Dom
  21. Media queries in MUI components
  22. Pass object through Link in react router
  23. Material-ui adding Link component from react-router
  24. React Router v4 with multiple layouts
  25. Property ‘value’ does not exist on type ‘never’. when use useRef hook in mui
  26. How to add custom Material UI palette colors
  27. Passing props to Material UI styles
  28. Media queries in Material UI components
  29. React Router work on reload, but not when clicking on a link
  30. Material-Ui TextField not affected with the RTL direction

Leave a Comment