diff --git a/src/core/CoreNode.ts b/src/core/CoreNode.ts
index d33dee9b..c543f072 100644
--- a/src/core/CoreNode.ts
+++ b/src/core/CoreNode.ts
@@ -1367,7 +1367,7 @@ export class CoreNode extends EventEmitter {
       // we're only renderable if the texture state is loaded
       newIsRenderable = this.texture.state === 'loaded';
     } else if (
-      this.hasColorProperties() === true &&
+      (this.hasShader() || this.hasColorProperties() === true) &&
       this.hasDimensions() === true
     ) {
       // This mean we have dimensions and a color set, so we can render a ColorTexture
@@ -1440,6 +1440,10 @@ export class CoreNode extends EventEmitter {
     );
   }
 
+  hasShader(): boolean {
+    return this.props.shader !== null;
+  }
+
   calculateRenderCoords() {
     const { width, height, globalTransform: transform } = this;
     assertTruthy(transform);