What does “Stateless function components cannot be given refs” mean?

Question

I have this:

const ProjectsSummaryLayout = ({projects}) => {
   return (
      

          
Pr         


        
      

Answer 1

React has 2 commonly used component styles.

• Functional Component
• Class Component

So, When I was making use of Functional one then I was encountering this error.

Code snippet corresponding to Functional Component

But as soon as I changed it to Class Component then it worked.

Code snippet corresponding to Class Component.

Try changing Functional Component to Class Component. I hope it will resolve your problem.