Solution 1 :

this seems to be working. Replaced the &amp with &body

import React from "react";
import "./style.css";

export default function App() {
  return (
    <div>
       <div className="container">
            <a className="video-email_button button-hover" href={`mailto:?subject=I wanted you to see this site&body=Check out this video https://youtu.be/yul2-4mc6mg`} title="Share viaEmail">
                <span className="video-email_button-text">Email</span>
            </a>

            </div>
    </div>
  );
}

Problem :

I have a simple app where I would like the user to share youtube video to email on click here is I have tried so far

import React from 'react'

function kiki() {
    return (
        <div>
            <div className="container">
            <a className="video-email_button button-hover" href={`mailto:?subject=I wanted you to see this site&amp;body=Check out this video https://youtu.be/yul2-4mc6mg`} title="Share viaEmail">
                <span className="video-email_button-icon">
                    <ReactSVG src={shareEnvelopeSVG} />
                    </span>
                <span className="video-email_button-text">Email</span>
            </a>

            </div>
                
        </div>
    )
}

export default kiki

Here is live demo : LIVE DEMO

Unfortunately, the only subject title is added to the email, as below image shows
enter image description here

Why body text is not added to the email ???

Comments

Comment posted by Scalpweb

Could you try by replacing

Comment posted by The Dead Man

@Scalpweb the same 🙁

Comment posted by CBroe

Works absolutely fine for me, with the link in your stackblitz demo. You should apply proper URL-encoding to the parameter values though, to increase compatibility. But in the end, you will have to accept that this still depends on the used mail client, whether all those parameters will actually do anything.

Comment posted by The Dead Man

@CBroe can you share the screen if it adds body text on email ??

By