gistfile1.txt

class ActionProvider {
  // The action provider receives createChatBotMessage which you can use to define the bots response, and 
  // the setState function that allows for manipulating the bots internal state.
  constructor(createChatBotMessage, setStateFunc, createClientMessage) {
    this.createChatBotMessage = createChatBotMessage;
    this.setState = setStateFunc;
    this.createClientMessage = createClientMessage
  }
  
  reset = () => {
     this.setState(prev => ({ ...prev, messages: [this.createChatbotMessage("Hi")] }))
  } 

export default ActionProvider;

How can I extend the ActionProvider class to another class to use it many times?
Here's the code that I'm working on, but still I get an error.

import ActionProvider from "./ActionProvider";

class ResponseProvider extends ActionProvider {

constructor(props) {

    super(props);
    this.createChatBotMessage = props.createChatBotMessage;
    this.setState = props.setStateFunc;

}

greeter = () =>{
    const message = this.createChatBotMessage("Hello!, This is inheritance test");
    this.addMessageToState(message);
};

}

export default ResponseProvider;