React类装饰器不编译

我使用create react app cli工具创建了一个简单的react应用程序

我已经创建了一个名为TodoList的组件

export class TodoList extends Component {
    render() {
        return (
            <h1>Todo List</h1>
        );
    }
}

export default withLoader(TodoList);

我想对它应用一个更高阶的组件,所以我创建了这个HOC

const withLoader = (WrappedComponent) => {
    return class extends Component {
        render() {
            debugger;
            return (
                <div>
                    <h3>Loading...</h3>
                </div>
            );
        }
    }
}

export default withLoader;

以下是我的问题:

• withLoader HOC中的render函数从未执行,为什么?
• 为什么当我使用withLoader作为类装饰器时,代码永远不会编译?

例子

@withLoader
export class TodoList extends Component {}

此代码段从不编译。

提前谢谢。