Warning: Function components cannot be given refs

by

The easiest solution may be to wrap your NavLink with a native html element. In your case:

<Link href="/signup" passHref>
  <a>
    <NavLink style={{ cursor: "pointer" }}>Signup</NavLink>
  </a>
</Link>

More Related Contents:

  1. Window is not defined in Next.js React app
  2. “Cannot use import statement outside a module” error when importing react-hook-mousetrap in Next.js
  3. Can’t build React/Next project – found page without a React Component as default export (context api file)
  4. In React and Next.js constructor, I am getting “Reference Error: localstorage is not defined”
  5. First Load JS shared by all is rather heavy in next.js
  6. Error: How to serialize data from getStaticProps : Next.js
  7. Environment variables not working (Next.JS 9.4.4)
  8. Next.js context provider wrapping App component with page specific layout component giving undefined data
  9. I can’t reference an image in Next.js
  10. unable to deploy next js to azure
  11. How to Set port in next.js
  12. What is the best way to have a fallback image in NextJS?
  13. Next.js: Error: React.Children.only expected to receive a single React element child
  14. Custom _app and _document get ignored when moving files to src/pages folder in Next.js
  15. how can I use top level “await” in typescript next.js
  16. You’re importing a component that needs useState. It only works in a Client Component, but none of its parents are marked with “use client”
  17. TypeError: Cannot read properties of undefined (reading ‘call’) on Next.js
  18. How to prevent Next.js from instantiating a singleton class/object multiple times?
  19. Next.js app folder: is there some “entry point”? A direct replacement for _app.tsx?
  20. How to avoid caching in the app directory of Next.js?
  21. How to fetch data server-side in the app directory of Next.js? Tried getStaticProps but it’s returning undefined
  22. Want to have an event handler for the browser’s back button with next.js
  23. Next.js, getStaticProps not working with component but does with page
  24. REACT – toggle class onclick
  25. React: trigger onChange if input value is changing by state?
  26. Is store.dispatch in Redux synchronous or asynchronous
  27. React-router – How to pass data between pages in React?
  28. React: Passing props to function components
  29. Why is my webpack bundle.js and vendor.bundle.js so incredibly big?
  30. Access from origin ‘https://example.com’ has been blocked even though I’ve allowed https://example.com/

Leave a Comment