In vscode editor after adding the cucumber feature file line appears in different format

Question

In vscode editor, I have typed the feature file line and vs code display the autosuggestion, once I choose from the autosuggestion, below line gets added in editor in following broken format, And I click on the ("|')[^\1]*\1 action link. Could someone please advise the issue here ?

Original feature file line is as follows; And I click on the "Add" action link

Below is my settings.json file;

{
    "cucumberautocomplete.steps": [
        "tests/cypress/integration/**/*.js",
        "cypress/integration/**/*.js"
     ],
     "cucumberautocomplete.customParameters": [
         
     ],
     "cucumberautocomplete.onTypeFormat": true,
"cucumberautocomplete.formatConfOverride": {

},
"git.ignoreWindowsGit27Warning": true,
"cucumberautocomplete.pages": {},
"git.enableSmartCommit": true,
"git.confirmSync": false,
"git.autofetch": true,
"diffEditor.ignoreTrimWhitespace": false
}

Versions:

 cypress-cucumber-preprocessor: "^2.5.5",
 VS code : 1.65.2
 Operating system: Ubuntu 20.04