cannot appear as a descendant of

Question

I\'m seeing this. It\'s not a mystery what it is complaining about:

Warning: validateDOMnesting(...): 
 cannot appear as a descendant of 
. See         


        
      

Answer 1

Your component might be rendered inside another component (such as a ... ). Therefore, it will load your component inside a

..

which is not allowed.

Fix: Remove ... because this is only used for plain text inside a

...

or any other text element such as headings.