duda con la api de whatsapp y javascript

Si quiero enviar un mensaje de texto comun funciona, ejemplo

<a href={"https://api.whatsapp.com/send?phone=5412345678&amp;text=Hola"}>

pero si quiero enviarle una variable

<a href={"https://api.whatsapp.com/send?phone=5412345678&amp;text= El%20Producto%20es" + name.producto}>

o

<a href={`https://api.whatsapp.com/send?phone=5412345678&amp;text= El%20Producto%20es ${name.producto}`>

ya no funciona, como que whatsapp no recoge el mensaje asi las url sean identicas

alguna forma de hacerlo funcionar?