Typing issue with @DragDropContext decorator

Hi There, I am new to react-dnd, I am using typescript to build up my first test project with dnd.

@DragDropContext(HTML5Backend) export class DragTest extends React.Component<{}, undefined> { render() {return (<div></div>);} }

And I get the following compile typing error:

 TS1238: Unable to resolve signature of class decorator when called as an expression.
  Type 'ContextComponentClass<{}>' is not assignable to type 'typeof DragTest'.
    Type 'ContextComponent<{}, any>' is not assignable to type 'DragTest'.
      Types of property 'render' are incompatible.
        Type '() => Element | null' is not assignable to type '() => Element'.
          **Type 'Element | null' is not assignable to type 'Element'.**
            Type 'null' is not assignable to type 'Element'.

I appreciate your comment, Thanks

[kaidez]

Same with me.

[arvind1234]

FWIW, I don’t get the error if I use the ES6 way: export default DragDropContext(HTML5Backend)(DnDTest);