WebGLElement.js

class WebGLElement extends React.PureComponent {
  // Switch to check the type:
  // this could be expanded to include other elements
  getComponent(contextValues, props) {
    switch (props.type) {
      case "image":
        return <ImageBlock {...contextValues} {...props} />;
        break;
      case "example-image":
        return <ExampleImage {...contextValues} {...props} />;
        break;
      default:
        return false;
        break;
    }
  }

  render() {
    return (
      <EffectContext.Consumer>
        {contextValues => this.getComponent({ ...contextValues }, this.props)}
      </EffectContext.Consumer>
    );
  }
}