Invalid Hook Call - React Testing

I’m trying to test out the chat widget on a Gatsby site using it as a react component, however I keep getting this error, https://reactjs.org/docs/error-decoder.html/?invariant=321

I’m not sure what I’m doing wrong but the general idea was having a component like so:

import React, { Component } from 'react'
import { Widget } from 'rasa-webchat'

class WChat extends Component {

  buildChat = () => {
    return (
      <Widget
        initPayload={"/help"}
        socketUrl={"http://example.com"}
        socketPath={"/socket.io/"}
        title={"Nerdy Chat"}
        inputTextFieldHint={"Type a message..."}
        connectingText={"Waiting for server..."}
        embedded={true}
        params={{
          images: {
            dims: {
              width: 300,
              height: 200
            }
          },
          storage: "local"
        }}
      />
    )
  }

  render() {
    return (
      <div className="webchat-container" >
        {this.buildChat()}
      </div>
    )
  }
}

export default WChat;

Then I just reference this in my main index.js file as a component to try and load it, any idea what I’m doing wrong or why I’m hitting this?

When I try to use the public html route it works fine locally but once its built out I think Gatsby somehow is removing the script tags so it never shows up on the builds as far as the widget being on the site.

[btotharye]

Haven’t forgotten about this just in Berlin this week so I’ll get to it shortly.

[btotharye]

Closing this out for now, I went a different direction and I’m just doing React now based on a few things.