BotFramework-WebChat: Missing token or secret

Hi, I’m not sure whether this is a directline issue or webchat but i’m getting the following error

{
  "error": {
    "code": "BadArgument",
    "message": "Missing token or secret"
  }
}

even after i’m providing the correct secret (that i’ve verified from azure)

I’m using master/webchat-es5.js (dated 24-Apr-2019)

To give more context to how i’m using is I’m running the bot in my local using ngrok and setting the url to bot channel registration i did on azure using the secret from the bot channel registration i’m building the webchat

in ngrok i’m getting following error (OPTIONS /api/messages 405 Method Not Allowed)

Here is the screenshot of all the action.type i’m getting back from webchat

But after some time (if I leave it for 10mins ) it starts working, it is happening every time