fix issue when running canvas renderMode

src/core/CoreShaderManager.ts

@@ -198,7 +198,7 @@ export class CoreShaderManager {
 
     if (shType === 'DynamicShader') {
       return this.loadDynamicShader(
-        props!,
+        props as DynamicShaderProps,
       ) as unknown as ShaderController<Type>;
     }
 

src/core/renderers/webgl/shaders/SdfShader.ts

@@ -79,6 +79,8 @@ export class SdfShader extends WebGlCoreShader {
     });
   }
 
+  static z$__type__Props: SdfShaderProps;
+
   override bindTextures(textures: WebGlCoreCtxTexture[]) {
     const { glw } = this;
     glw.activeTexture(0);

src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts

@@ -146,7 +146,14 @@ export class SdfTextRenderer extends TextRenderer<SdfTextRendererState> {
 
   constructor(stage: Stage) {
     super(stage);
-    this.sdfShader = this.stage.shManager.loadShader('SdfShader').shader;
+    this.sdfShader = this.stage.shManager.loadShader('SdfShader', {
+      transform: new Float32Array(),
+      color: 0,
+      size: 0,
+      scrollY: 0,
+      distanceRange: 0,
+      debug: false,
+    }).shader;
     this.rendererBounds = {
       x1: 0,
       y1: 0,

src/main-api/ShaderController.ts

@@ -55,7 +55,6 @@ export class ShaderController<S extends keyof ShaderMap>
     stage: Stage,
   ) {
     this.resolvedProps = props;
-
     const keys = Object.keys(props);
     const l = keys.length;