React Dev Tools not showing name of the components

user_13519185 0
Viewed 1251

I joined a team. There are thousands of components and codes. It takes so much time to find the exact place of the component. That's why when I open the React Dev Tools I see this picture below.I did so much research about it and I understand that React.memo, forwardRef cause this problem. But I could not find the solution that I want to find. enter image description here

react-devtools reactjs
1 Answers

For anyone who faces this issue, I fixed it by changing all the nameless export default components.

Example: I changed this

 export default () => { //your component }

into this :

const Xyz = () => { //your component }

export default Xyz
user_98841040
Related