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.71k stars 1.26k forks source link

Text is not allowed in the R3F tree! This could be stray whitespace or characters. #105

Open tutecode opened 11 months ago

tutecode commented 11 months ago

I'm having this error and I don´t know what could be.

Text is not allowed in the R3F tree! This could be stray whitespace or characters.

image

sojalmehra commented 10 months ago

i am also facing the same issue ..

I3lackMarius commented 10 months ago

remove the fallback={} from <Suspense fallback={}> . Found the solution here: https://stackoverflow.com/questions/75655381/the-react-three-fiber-mesh-tag-is-unrecognized-in-this-browse

jaismeenMehra commented 10 months ago

I'm having this error and I don´t know what could be.

Text is not allowed in the R3F tree! This could be stray whitespace or characters.

image

if tou have any text statement inside return statement of component then remove it.

tom-twinlabs commented 1 month ago

I was able to resolve this by going through my components and removing whitespace. Maybe give that a try?

tarunbisht-24 commented 1 month ago

For all the users still getting this warning, just simply remove the comments and whitespace from all the Models files like Sky.jsx, Island.jsx, Bird.jsx, Plane.jsx and Fox.jsx

This will help in removing any kind of warning that is being generated due to whitespace or comments as the R3F tree mostly comes from our Models file

enya1407 commented 3 days ago

you need to carefully check for extra characters inside the tag. I had such an error. It turned out that inside there was an extra character ">"