WebGPU. How to inject uniforms with new syntax

[just-website]

Hello. Can you tell me where I'm wrong? I have a simple layer wrapper with an animated dotted line. After upgrading to version 9.1.0 it stopped working.
I don't know the WebGPU syntax at all. Tried to fix the code based on presentation.
I don't have any errors in console. I log 'this.state.model.shaderInputs', the state is updated correctly, but ui is not updated. It seems that this.state.model.shaderInputs.setProps() and super.draw() are not related.

[just-website]

previus code

import { PathLayer } from 'deck.gl';

export class DashedPathLayer extends PathLayer {
    static layerName = 'DashedPathLayer';
    getShaders(): any {
        const shaders = super.getShaders();
        if (!shaders.inject['vs:#decl'].includes('uniform float dashStart')) {
            shaders.inject['vs:#decl'] += 'uniform float dashStart;';
            shaders.inject['vs:#main-end'] += 'vDashOffset += dashStart;';
        }
        return shaders;
    }

    draw({ uniforms }): void {
        const dashStart = (this.props as any).dashStart || 0;
        super.draw({
            uniforms: {
                ...uniforms,
                dashStart
            }
        });
    }
}

[just-website]

new code:

import { PathLayer } from 'deck.gl';
import type { ShaderModule } from '@luma.gl/shadertools';

const vs = `\
uniform dashLineUniforms {
  float dashStart;
} dashLine;
`;

export interface DashLineProps { dashStart: number }
export const dashLine = {
    name: 'dashLine',
    vs,
    uniformTypes: { dashStart: 'f32' }
} as const satisfies ShaderModule<DashLineProps>;


export class DashedPathLayer extends PathLayer {
    static layerName = 'DashedPathLayer';
    getShaders(): any {
        const shaders = super.getShaders();
        return {
            ...shaders,
            modules: [...shaders.modules, dashLine],
            inject: {
                'vs:#main-end': 'vDashOffset += dashLine.dashStart;'
            }
        };
    }

    draw(params): void {
        const dashStart = (this.props as any).dashStart;
        this.state.model.shaderInputs.setProps({
            dashLine: { dashStart }
        });
        super.draw(params);
    }
}

[just-website]

Now I see.
It was necessary to write inlect in the body of the dashLine shaderModule, but not in the object that getShaders() returns.
That slide maked me confused