title: Type is not assignable to type 'IntrinsicAttributes & { children?: ReactNode; }'. Property
body: <p>Hi i have try to found out this error solution but not successfully.</p>
  <p>I m using this type of error.</p>
  <p>Type '{ mailData: mailSendProps; }' is not assignable to type 'IntrinsicAttributes &amp; { children?: ReactNode; }'.
  Property 'mailData' does not exist on type 'IntrinsicAttributes &amp; { children?: ReactNode; }'.</p>
  <p>My code is this like</p>
  <pre><code>&lt;SocialShare mailData={_mailData} /&gt;
  
  const _mailData:mailSendProps = {
      url:_seoData.actualURL ?  _seoData.actualURL : '',
      msid:_seoData.msid ?  _seoData.msid : '',
      articlelink:`${_seoData.actualURL}?frm=mailtofriend&amp;intenttarget=no`,
      syn:_seoData.description ?  _seoData.description : 'Page description',
      pageTitle:_seoData.title ? _seoData.title : 'Title VideoShow ',
      subject:`Economictimes.com: ${_seoData.title}` || ''
    }
  
  
  export interface mailSendProps {
      url?: string,
      msid?:string,
      articlelink?:string,
      syn?:string,
      pageTitle?:string,
      subject?:string
    }
  
  
  
  const SocialShare: NextPage = (props?:any) =&gt; {  
    const url = props.mailData.url &amp;&amp; props.mailData.url != '' ? props.mailData.url : ''
    const [showUrl, setShowUrl] = useState('no');
    const [showEmbed, setShowEmbed] = useState('no');
    const [showMail, setShowMail] = useState('no');
    
    const showHandlerModule = (val:string)=&gt;{
      let _url = '';
      let _embed = '';
      if(val === 'url'){
        _url = 'yes';
        _embed = 'no'
      }else if(val === 'embed'){
        _url = 'no';
        _embed = 'yes'
      }
      setShowUrl(_url);
      setShowEmbed(_embed)
    }
    const closeHandler = ()=&gt;{
      setShowUrl('no');
      setShowEmbed('no')
    }
    const closeMailHandler = ()=&gt;{
      setShowMail('no')
    }
    return (
      &lt;&gt;      
          &lt;Share /&gt;
          &lt;div className={styles.codeMailVideo}&gt;
            &lt;span onClick={()=&gt;{setShowMail('yes')}} className={styles.email} title=&quot;Email this video&quot;&gt;&lt;/span&gt;
            {
              showMail === 'yes' ? &lt;MailSendTemplate mailData={props.mailData} onclickhandler={closeMailHandler} /&gt; : ''
            }
          &lt;/div&gt;
          &lt;div className={styles.codeVideo}&gt;
            &lt;span onClick={()=&gt;{showHandlerModule('url')}}&gt;Copy URL&lt;/span&gt;
            {
              showUrl === 'yes' ?  &lt;span className={styles.copyUrlSec}&gt;
              &lt;input readOnly type=&quot;text&quot; value={url} className={styles.readUrl} /&gt;
              &lt;i  className={styles.close} onClick={closeHandler}&gt;&lt;/i&gt;
            &lt;/span&gt; : ''
            }
          &lt;/div&gt;
          &lt;div className={styles.codeVideo}&gt;
            &lt;span onClick={()=&gt;{showHandlerModule('embed')}}&gt;Embed&lt;/span&gt;
            {
              showEmbed === 'yes' ? &lt;span className={styles.copyUrlSec}&gt;
              &lt;textarea readOnly defaultValue={`&lt;iframe mozallowfullscreen=&quot;true&quot; webkitallowfullscreen=&quot;true&quot; allowfullscreen=&quot;true&quot; width=&quot;560&quot; height=&quot;420&quot; frameborder=&quot;0&quot; defaultValue=${url} src=${url}&gt;&lt;/iframe&gt;`}&gt;{
                
              }&lt;/textarea&gt;
              &lt;i  className={styles.close} onClick={closeHandler}&gt;&lt;/i&gt;
            &lt;/span&gt; : ''
            }
            
          &lt;/div&gt;
      &lt;/&gt;
    );
  };
  </code></pre>
  <p>Can anyone found the solution and give me answer thanks you.</p>