adrianhajdin / project_3D_developer_portfolio

The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your own ThreeJS 3D Developer Portfolio today!
https://jsmastery.pro
5.83k stars 1.3k forks source link

Primitive, Mesh,, etc are not being recognised #11

Open shaddydevops opened 1 year ago

shaddydevops commented 1 year ago

Warning: is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements. at hemisphereLight at mesh at Computers at section at Hero at div at div at Router (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3316:15) at BrowserRouter (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3729:5) at App overrideMethod @ react_devtools_backend.js:2655 printWarning @ react-dom.development.js:86 error @ react-dom.development.js:60 createElement @ react-dom.development.js:9761 createInstance @ react-dom.development.js:10941 completeWork @ react-dom.development.js:22187 completeUnitOfWork @ react-dom.development.js:26596 performUnitOfWork @ react-dom.development.js:26568 workLoopSync @ react-dom.development.js:26466 renderRootSync @ react-dom.development.js:26434 performConcurrentWorkOnRoot @ react-dom.development.js:25738 workLoop @ scheduler.development.js:266 flushWork @ scheduler.development.js:239 performWorkUntilDeadline @ scheduler.development.js:533 react_devtools_backend.js:2655 Warning: The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. at hemisphereLight at mesh at Computers at section at Hero at div at div at Router (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3316:15) at BrowserRouter (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3729:5) at App overrideMethod @ react_devtools_backend.js:2655 printWarning @ react-dom.development.js:86 error @ react-dom.development.js:60 createElement @ react-dom.development.js:9816 createInstance @ react-dom.development.js:10941 completeWork @ react-dom.development.js:22187 completeUnitOfWork @ react-dom.development.js:26596 performUnitOfWork @ react-dom.development.js:26568 workLoopSync @ react-dom.development.js:26466 renderRootSync @ react-dom.development.js:26434 performConcurrentWorkOnRoot @ react-dom.development.js:25738 workLoop @ scheduler.development.js:266 flushWork @ scheduler.development.js:239 performWorkUntilDeadline @ scheduler.development.js:533 react_devtools_backend.js:2655 Warning: React does not recognize the groundColor prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase groundcolor instead. If you accidentally passed it from a parent component, remove it from the DOM element. at hemisphereLight at mesh at Computers at section at Hero at div at div at Router (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3316:15) at BrowserRouter (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3729:5) at App overrideMethod @ react_devtools_backend.js:2655 printWarning @ react-dom.development.js:86 error @ react-dom.development.js:60 validateProperty$1 @ react-dom.development.js:3757 warnUnknownProperties @ react-dom.development.js:3803 validateProperties$2 @ react-dom.development.js:3827 validatePropertiesInDevelopment @ react-dom.development.js:9541 setInitialProperties @ react-dom.development.js:9830 finalizeInitialChildren @ react-dom.development.js:10950 completeWork @ react-dom.development.js:22193 completeUnitOfWork @ react-dom.development.js:26596 performUnitOfWork @ react-dom.development.js:26568 workLoopSync @ react-dom.development.js:26466 renderRootSync @ react-dom.development.js:26434 performConcurrentWorkOnRoot @ react-dom.development.js:25738 workLoop @ scheduler.development.js:266 flushWork @ scheduler.development.js:239 performWorkUntilDeadline @ scheduler.development.js:533 react_devtools_backend.js:2655 Warning: is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements. at pointLight at mesh at Computers at section at Hero at div at div at Router (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3316:15) at BrowserRouter (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3729:5) at App overrideMethod @ react_devtools_backend.js:2655 printWarning @ react-dom.development.js:86 error @ react-dom.development.js:60 createElement @ react-dom.development.js:9761 createInstance @ react-dom.development.js:10941 completeWork @ react-dom.development.js:22187 completeUnitOfWork @ react-dom.development.js:26596 performUnitOfWork @ react-dom.development.js:26568 workLoopSync @ react-dom.development.js:26466 renderRootSync @ react-dom.development.js:26434 performConcurrentWorkOnRoot @ react-dom.development.js:25738 workLoop @ scheduler.development.js:266 flushWork @ scheduler.development.js:239 performWorkUntilDeadline @ scheduler.development.js:533 react_devtools_backend.js:2655 Warning: The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. at pointLight at mesh at Computers at section at Hero at div at div at Router (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3316:15) at BrowserRouter (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3729:5) at App overrideMethod @ react_devtools_backend.js:2655 printWarning @ react-dom.development.js:86 error @ react-dom.development.js:60 createElement @ react-dom.development.js:9816 createInstance @ react-dom.development.js:10941 completeWork @ react-dom.development.js:22187 completeUnitOfWork @ react-dom.development.js:26596 performUnitOfWork @ react-dom.development.js:26568 workLoopSync @ react-dom.development.js:26466 renderRootSync @ react-dom.development.js:26434 performConcurrentWorkOnRoot @ react-dom.development.js:25738 workLoop @ scheduler.development.js:266 flushWork @ scheduler.development.js:239 performWorkUntilDeadline @ scheduler.development.js:533 react_devtools_backend.js:2655 Warning: The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. at primitive at mesh at Computers at section at Hero at div at div at Router (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3316:15) at BrowserRouter (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3729:5) at App overrideMethod @ react_devtools_backend.js:2655 printWarning @ react-dom.development.js:86 error @ react-dom.development.js:60 createElement @ react-dom.development.js:9816 createInstance @ react-dom.development.js:10941 completeWork @ react-dom.development.js:22187 completeUnitOfWork @ react-dom.development.js:26596 performUnitOfWork @ react-dom.development.js:26568 workLoopSync @ react-dom.development.js:26466 renderRootSync @ react-dom.development.js:26434 performConcurrentWorkOnRoot @ react-dom.development.js:25738 workLoop @ scheduler.development.js:266 flushWork @ scheduler.development.js:239 performWorkUntilDeadline @ scheduler.development.js:533 react_devtools_backend.js:2655 Warning: The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. at mesh at Computers at section at Hero at div at div at Router (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3316:15) at BrowserRouter (http://localhost:5177/node_modules/.vite/deps/react-router-dom.js?v=a42b843a:3729:5) at App

deeprohoque commented 1 year ago

export default ComputersCanvas in Computers.jsx not Computers

shaddydevops commented 1 year ago

well noted. I copied all of computers.jsx code and all of loaders code and it works now

manusudha commented 11 months ago

@deeprohoque i am also getting the same error how can remove that .

nayem567 commented 1 week ago

Same Issue

Raman18crypto commented 4 days ago

At last Keep Export ComputerCanvas;

It worked for me