Twilio Chat : reactjs -- issues with function access

Question

I am new to reactjs - and looking to gain access to the Twilio chat feature.

I've done an npm install on this module. https://www.npmjs.com/package/twilio-chat

The documentation says:

Client instantiation looks as follows:

Twilio.Chat.Client.create(token).then(client => { // Use client });

or, using async/await syntax:

let client = await Twilio.Chat.Client.create(token); // Use client

/// Old code I am reconfiguring javascript that was sitting on a codeignitor base. This function worked.

"chatClient = new Twilio.Chat.Client(data.token)"

/// New code

import Chat from 'twilio-chat'

-- so I've tried something like this first

chatClient = new Chat.Client(data.token)

then something like

chatClient = Chat.Client(data.token)

When I do these console logs..I get the following

    console.log('Twilio>', Chat)

it shows

 Twilio>  function Client(token, options) {
            (0, _classCallCheck3.default)(this, Client);

           var _this = (0, _possibleConstructorReturn3.default)(this, (Client.__proto__ || (0, _getPrototypeOf2.default)(Cl…

if I delve into this

console.log('Twilio-->Client', Chat.Client)

it shows

Twilio-->Client undefined

Michael Jungo · Accepted Answer · 2017-07-07 16:47:28Z

0

twilio-chat exports the client and as you can see from your first console.log it is indeed the Client constructor function (class). You have to invoke it like this:

chatClient = new Chat(data.token)

Note that import X from 'module' uses the default export of the module and assigns it to the name X, it is no indication of which export is used and is just like any other name you'd use for a variable. See MDN - import for the syntax.

answered Jul 7, 2017 at 16:47

Michael Jungo

33.2k4 gold badges97 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

The Old County Over a year ago

that got me past the first issue -- but then this "getUserChannels()" is not found chatClient.getUserChannels().then(createOrJoinChannel)

The Old County Over a year ago

media.twiliocdn.com/sdk/js/chat/releases/0.12.0/docs/…

Michael Jungo Over a year ago

There is no getUserChannels function on Client. You linked outdated docs (0.12.0). The latest published version is 1.0.2 (documentation).

The Old County Over a year ago

right -- yeah the code from the old base is out of date

The Old County Over a year ago

Ok so @Michael Jungo --- would I just call chatClient.channels and do the then -- chatClient.channels.then(createOrJoinChannel)

|

Collectives™ on Stack Overflow

Twilio Chat : reactjs -- issues with function access

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related