Couple of days ago I started working on a basic, starter level three.js website. While working on the website I encountered an error from eslint while I was defining properties under the Tag. The error says "Unknown property 'geometry' found eslint react/no-unknown-property". The properties I defined under Tag were - castShadow, geometry, material, material-roughness and dispose. Due to this error the component that I want to display on one of the tabs of the website, just doesn't get displayed. I have tried some of the solutions I found online but none of them worked for me for eg I tried solutions like -
Adding this line of code in eslintrc file under the rules section "react/no-unknown-property": ['error', { ignore: ['css'] }].
And If the above line of code doesn't work then we may add this line of code in it's place "react/no-unknown-property": ['error', { ignore: ['jsx'] }].
Tried Quick fixing options which shows when we hover over on red line of error.
Checked my code many a times but It seems alright to me, I don't have any missing lines of code or any kind of typos.
So, If Someone could provide me with some other solutions than above ones than It would be really helpful.
Top comments (0)