TypeScript - Property is missing in type DndComponent

Hi,

Thanks for the react-dnd library, very nice work. I have the following two typing issues with the following sample code. I appreciate if someone could tell me what am i doing wrong ?

export interface TestProps {

}
@DropTarget<TestProps>("TEST", {
    drop(props: TestProps) {
    }
}, (connect, monitor) => {
    return { dragTarget: connect.dropTarget() };
})
export class TestComponent extends React.Component<TestProps, undefined> {
    constructor(props: TestProps) {
        super(props);
    }
    someHelper() {
        return (<h1>Test</h1>);
    }
    render() {
        return (this.props as any).dragTarget(this.someHelper());
    }
}

1. Is there a better way of doing return (this.props as any).dragTarget(this.someHelper());
2. The following code produces the error below, any ideas? TS1238: Unable to resolve signature of class decorator when called as an expression. Type 'DndComponentClass<TestProps>' is not assignable to type 'typeof TestComponent'. Type 'DndComponent<TestProps, any>' is not assignable to type 'TestComponent'. Property 'someHelper' is missing in type 'DndComponent<TestProps, any>'.

Thanks

[lukescott]

I’m having the same issue. Anything added inside the React Component class causes an error - even the render function. An empty class is the only thing that doesn’t produce an error. As far as I can tell it happens with DragSource, DropTarget, and DragDropContext decorators.

[LeopoldLerch]

if you uninstall the typings for react-dnd, the error is gone and it works. However, of course, you loose intellisense, just a workaround