Use-script-loader NPM

use-script-loader hook

install

npm install use-script-loader --save

usage

const useScriptLoader = require('use-script-loader')

const [loading, script, error] = useScriptLoader('https://ajax.googleapis.com/ajax/libs/jquery/x.x.x/jquery.min.js')
if (loading) return <Spinner />
if (error) throw error
console.log(script.src);    // Prints 'https://ajax.googleapis.com/ajax/libs/jquery/x.x.x/jquery.min.js'

// use jQuery here

API

`object = useScriptLoader(src, [attrs], [parentNode], [skip])`

Append a <script> node with the given src URL to the <head> element in the DOM.

`src`

Any url that you would like to load. May be absolute or relative.

`attrs` (optional)

An object that contains HTML attributes to set on the <script> tag. For example, the value { id: 'hi' } would set the attribute id="hi" on the <script> tag before it is injected.