Tengo una página de reacción/redux que realiza una llamada a una API que, en la respuesta, puede devolver cosas que deberán agregarse antes de </head> (encabezado) o antes de </body> (pie de página). Pueden ser metaetiquetas personalizadas, css y/o scripts. Intenté hacer window.document.head.appendChild pero eso solo funciona en nodos y tengo que crear el elemento.

La respuesta debe volver en el formato correcto, por ejemplo

 <meta name=test123> <script type=text/javascript src=test123></script>

Intenté hacer window.document.head.innerHTML = <script ...> que lo agrega en la parte superior, pero luego estropea todo el estilo por alguna razón. Cuando hice window.document.head.innerHTML += <script ...> causó muchas repeticiones.

Así que me preguntaba cuál es la mejor manera de hacer esto porque, por lo que he buscado en Google, solo he visto el appendChild mencionado la mayor parte del tiempo.

Además, ¿cuál sería la mejor manera de agregarlo antes de la etiqueta </body> (pie de página)?