TypeError: ClientAB.ClientAB is not a function

import React from 'react';
import CoffeeScript from '../../../utils/coffeeScript01'

class Basic extends React.Component {

    constructor() {
        super();
        this.state = {
            data: ''
        }
    }

    componentDidMount(){
        // 在初始 render 之后才執(zhí)行

        var ClientAB = (function() {
            var now;

            function ClientAB(ws) {
                this.ws = ws;
                this.ws.binaryType = "arraybuffer";
                this.counter = 0;
                this.connected = false;
                this.heartbeat = {
                    outgoing: 10000,
                    incoming: 10000
                };
                this.maxWebSocketFrameSize = 16 * 1024;
                this.subscriptions = {};
                this.partialData = '';
            }

            ClientAB.prototype.debug = function(message) {
                var _ref;
                return typeof window !== "undefined" && window !== null ? (_ref = window.console) != null ? _ref.log(message) : void 0 : void 0;
            };

            return ClientAB;

        })();

        ClientAB.ClientAB('aa').debug('提示錯(cuò)誤消息')


    }

    render() {

        console.log('==============taskNames==============')
        console.log(this.state.taskNames)
        const taskNames = this.state.taskNames;

        var divStyle = {

        }

        return (

            <div id style={divStyle} className='data-line'>
                {taskNames}
            </div>
        )
    }
}

export default Basic;