I tried to import Crayons following the instructions , adding by npm install and by cdn link, but I can not import the scripts in the index.html because each time I run the app this file is rebuilded. Including the scripts in an .js file like in App.js the styles are not applied.
I managed to use the library adding at the beginning of the App component in a useEffect call, like this:
const scriptCrayons = document.createElement( "script" ); scriptCrayons.src = "https://unpkg.com/@freshworks/crayons/dist/crayons/crayons.js"; scriptCrayons.defer = true; document.head.appendChild( scriptCrayons );
As was suggested by @velmurugan in another topic