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.
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With