improve invariant message

Author: gre

src/createComponent.js

@@ -11,8 +11,8 @@ module.exports = function createComponent (renderGLNode, staticFields) {
       const glNode = renderGLNode(this.props);
 
       invariant(glNode && glNode.type && (glNode.type.isGLNode || glNode.type.isGLComponent),
-      "The GL.createComponent function parameter must return a GL.Node or "+
-      "another GL Component");
+      "%s: The GL.createComponent function parameter must return a GL.Node or "+
+      "another GL Component", GLComponent.displayName);
 
       return glNode;
     }

src/createSurface.js

@@ -50,6 +50,8 @@ module.exports = function (renderVcontainer, renderVcontent, renderVGL) {
       const { via, childGLNode } =
         findGLNodeInGLComponentChildren(children);
 
+      invariant(childGLNode, "GL.Surface must have in children a GL.Node or a GL Component");
+
       const { data, contentsVDOM, imagesToPreload } =
         resolve(
           fill(

src/data/build.js

@@ -91,7 +91,7 @@ module.exports = function build (GLNode, parentWidth, parentHeight, parentPreloa
       // in any other case, it is an unrecognized invalid format
       delete uniforms[name];
       if (typeof console !== "undefined" && console.error) console.error("invalid uniform '"+name+"' value:", value); // eslint-disable-line no-console
-      invariant(false, "Shader #%s: Unrecognized format for uniform '%s'", shader, name);
+      invariant(false, "Shader '%s': Unrecognized format for uniform '%s'", shaderName, name);
     }
   });