Deffered-NextScripts.js

class DeferScripts extends NextScript {
  makeScriptsDefer(el) {
    return React.Children.map(el, child => {
      if (!child) {
        return child;
      }
      if (child.props.children)  {
        child.props.children = this.makeScriptsDefer(child.props.children)
      } else {
        const newProps = {...child.props || {}};
        newProps.async = false;
        newProps.defer = true;
        return React.cloneElement(child, newProps);
      }
      return child;
    });
  }
  render() {
    const nextScripts = super.render();
    return this.makeScriptsDefer(nextScripts);
  }
}