The latest articles on DEV Community by HairlessUncle (@hairlessuncle). https://dev.to/hairlessuncle https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1174441%2F631e343f-d29b-4daf-aefa-ed920561a60c.png https://dev.to/hairlessuncle en HairlessUncle Sun, 01 Oct 2023 14:25:18 +0000 https://dev.to/hairlessuncle/react-dev-tools-extension-defect-6ig https://dev.to/hairlessuncle/react-dev-tools-extension-defect-6ig <p>In short, I tried to write/copy a function component but mistakenly:</p> <p>function Board (xIsNext, squares, onPlay){...}</p> <p>The {} are missing, it is still treated as props and rendered as a component.</p> <p>If you check it with this extension (React Dev Tool), it shows up in the props windows, which in fact, are function arguments, and causing problem later.</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy1o0us8h8imv6ijia721.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy1o0us8h8imv6ijia721.png" alt="Image description"></a><br> Not sure if this is expected/unexpected result. Kindly share your thoughts here. I'm a beginner btw.</p> javascript react