Multiple errors using demo source code in Typescript

I copied this code from the gravity demo to add mouse control in my typescript program

    // add mouse control
    var mouse = Mouse.create(render.canvas),
        mouseConstraint = MouseConstraint.create(engine, {
            mouse: mouse,
            constraint: {
                stiffness: 0.2,
                render: {
                    visible: false
                }
            }
        });

    Composite.add(world, mouseConstraint);

    // keep the mouse in sync with rendering
    render.mouse = mouse;

and got the following 3 errors:

Type ‘{ stiffness: number; render: { visible: false; }; }’ is missing the following properties from type ‘Constraint’: bodyA, bodyB, id, label, and 5 more.

Argument of type ‘MouseConstraint’ is not assignable to parameter of type ‘Body | Composite | Constraint’. Type ‘MouseConstraint’ is missing the following properties from type ‘Body’: angle, angularSpeed, angularVelocity, area, and 30 more.

Property ‘mouse’ does not exist on type ‘Render’.

I don’t see any easy workaround to using this mouse functionality in typescript.

[liabru]

I don’t maintain the TypeScript bindings so I can’t help much (they’re a separate project) but if there’s any TypeScript users willing to help them out, I think they take contributions.

[CJohnDesign]

@CJohnDesign I suppose worth contacting the maintainers on that as it seems overly strict, but for now I guess you could use @ts-ignore around that line e.g. like here?

That worked! this is how my code ended up looking! thanks

      mouseConstraint = MouseConstraint.create(engine, {
        mouse: mouse,
        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
        // @ts-ignore
        constraint: {
          stiffness: 0.2,
          render: {
            visible: false,
          },
        },
      })```