title: Type '() => Element' is not assignable to type 'string'
body: <p>Grettings !</p>
  <p>I have a conventional <code>function</code> and I'm returning a <code>span</code> with a <code>prop</code>(if I'm not wrong).
  On my ts code I have this error</p>
  <p><a href="https://i.stack.imgur.com/cczrk.png" rel="nofollow noreferrer">Error image</a></p>
  <p>Here's my code.The file name is <code>qCard.tsx</code></p>
  <pre><code>import { QuestionAnswerTwoTone } from &quot;@material-ui/icons&quot;;
  import React from &quot;react&quot;;
  
  // crear props
  type Props = {
    question: string;
    answers: string[];
    callback: any;
    userAnswer: boolean;
    questionNm: number;
    totalQuestions: number;
  };
  
  // A function statement declared component that takes no children.
  export default function QuestionCard({
    question,
    answers,
    callback,
    userAnswer,
    questionNm,
    totalQuestions,
  }: Props) {
    //duda
    return (&lt;div&gt;
        &lt;p&gt; Question :  {questionNm} / {totalQuestions} &lt;/p&gt;
        &lt;p dangerouslySetInnerHTML={{ __html: question }} /&gt;
        &lt;div&gt;
            {answers.map(function answer(){
                return(  &lt;div&gt;
                  &lt;button disabled={userAnswer} onClick={callback}&gt;
                      &lt;span dangerouslySetInnerHTML={{ __html: answer }}/&gt;
                  &lt;/button&gt;
              &lt;/div&gt;);
            } )}
        &lt;/div&gt;
  
    &lt;/div&gt;
      
          );
  }
  </code></pre>
  <p><em>(Error line)</em></p>
  <p>I have tried to remove <code>{{ **__html**: answer }}</code> leaving it like : <code>{{  answer }}</code> but it doesn't work.</p>