Esto literalmente me volvió loco hace unos 2 meses. Entonces, básicamente, hay 2 enfoques aquí:

1. Tenga un backend al que enviaría valores, y completaría el PDF, lo cargaría en algún lugar y le enviaría un enlace. O simplemente enviarle el archivo como un blob. (a prueba de fallas si todas las otras soluciones fallan. Mucho más sólido según mi experiencia)
2. Lo que está buscando: una solución de front-end que tome la entrada del usuario, llene una plantilla PDF que preparó de antemano.

Implementé ambos, pero como estás más interesado en la opción 2, así es como lo hice:

Usé este paquete

https://github.com/phihag/pdfform.js/blob/master/README.md

Junto con una plantilla de formulario PDF. ¡La forma en que lo llené fue pasando una matriz de valores que coinciden con los nombres de los campos del formulario PRF!

Como esto:

 let filledPdf = pdfform().transform(arrayBuffer, {"field1Name":[field1Value],"field2Name" : [field2Value] }) const blob = new Blob([filledPdf], {type: "application/pdf"}); setBlobContents(blob); pdfFile = blob; setBlobLink(URL.createObjectURL(blob))

Debería ser sencillo si observa la documentación del enlace que proporcioné.