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

I got this error when using Chakra UI in React when doing inline styling for some text. The correct way to do the inline styling was using the span element, as others also said for other styling frameworks. The correct code:

    Bold text
    normal inline text