TypeError: (0 , plugin_1.default) is not a function

I m having issues starting up cypress open with error shown above screenshot

I have added cypress-visual-regression to tsconfig.json

{
  "compilerOptions": {
    "allowJs": true,
    "target": "es5",
    "lib": ["es5", "dom"],
    "types": ["cypress", "cypress-grep", "cypress-downloadfile", "cypress-visual-regression"]
  },
  "include": ["**/*.ts"]
}

e2e/cypress/support/index.js

`import './commands';`
....

e2e/cypress/plugins/index.js

import getCompareSnapshotsPlugin from 'cypress-visual-regression/dist/plugin';

module.exports = (on, config) => {
  getCompareSnapshotsPlugin(on, config);
....

e2e/cypress/support/commands.ts

import compareSnapshotCommand from 'cypress-visual-regression/dist/command';
compareSnapshotCommand();
....

My VSCode seems to show my imports are pointing correctly to the respective files in node_modules/cypress-visual-regression/dist/....

Any help will be appreciated!