Estoy tratando de cargar Bootstrap en mi aplicación React. Después de intentar algunos enfoques, terminé con useEffect hook de esta manera:

import jquery from "jquery/dist/jquery.min"; import popper from "popper.js/dist/popper.min"; import bootstrap from "bootstrap/dist/js/bootstrap.bundle.min"; const Layout = ({ children }) ={amp}gt; { useEffect(() ={amp}gt; { const script = document.createElement("script"); script.setAttribute("type", "text/javascript"); script.innerHTML = jquery popper bootstrap; //{amp}lt;-- error document.head.appendChild(script); //{amp}lt;-- error return () ={amp}gt; script.parentNode.removeChild(script); }, []) 

El error que obtengo es

SyntaxError: las instrucciones de función requieren un nombre de función

que parece apuntar a líneas con innerHTML y appendChild. Tenga en cuenta que mis intentos alternativos con Helmet y react-loader también fallaron. ¿Qué hay de malo con useEffect aquí? La sintaxis parece no ser correcta.