Error: 'import' and 'export' may appear only with 'sourceType: module'

Getting following error when trying to configure cucumber with typescript in cypress -

SyntaxError: 'import' and 'export' may appear only with 'sourceType: module'
    at EventEmitter.handler (C:\Users\...\AppData\Local\Cypress\Cache\3.2.0\Cypress\resources\app\packages\server\lib\plugins\util.js:67:29)
    at emitOne (events.js:115:13)
    at EventEmitter.emit (events.js:210:7)
    at ChildProcess.<anonymous> (C:\Users\...\AppData\Local\Cypress\Cache\3.2.0\Cypress\resources\app\packages\server\lib\plugins\util.js:25:29)
    at emitTwo (events.js:125:13)
    at ChildProcess.emit (events.js:213:7)
    at emit (internal/child_process.js:768:12)
    at _combinedTickCallback (internal/process/next_tick.js:141:11)
    at process._tickCallback (internal/process/next_tick.js:180:9)

cypress/plugins/index.js -

// ***********************************************************
// This example plugins/index.js can be used to load plugins
//
// You can change the location of this file or turn off loading
// the plugins file with the 'pluginsFile' configuration option.
//
// You can read more here:
// https://on.cypress.io/plugins-guide
// ***********************************************************

// This function is called when a project is opened or re-opened (e.g. due to
// the project's config changing)
// const cucumber = require('cypress-cucumber-preprocessor').default;
const cucumber = require('cypress-cucumber-preprocessor').default;
const browserify = require('@cypress/browserify-preprocessor');
module.exports = (on, config) => {
  // `on` is used to hook into various events Cypress emits
  // `config` is the resolved Cypress config
  // ---> on('file:preprocessor', cucumber())

  const options = browserify.defaultOptions;

  options.browserifyOptions.plugin.unshift(['tsify']);

  // Or, if you need a custom tsconfig.json for your test files:
  // options.browserifyOptions.plugin.unshift(['tsify', {project: 'path/to/other/tsconfig.json'}]);
  on('file:preprocessor', cucumber(options));
}

cypress/support/index.js -

// ***********************************************************
// This example support/index.js is processed and
// loaded automatically before your test files.
//
// This is a great place to put global configuration and
// behavior that modifies Cypress.
//
// You can change the location of this file or turn off
// automatically serving support files with the
// 'supportFile' configuration option.
//
// You can read more here:
// https://on.cypress.io/configuration
// ***********************************************************

// Import commands.js using ES2015 syntax:
import './commands';
require('cypress-xpath');
// Alternatively you can use CommonJS syntax:
// require('./commands')

cypress/integration/login/login.ts -

import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';

const url = 'http://localhost:4200';
Given('I am logged in', () => {
    cy.visit(url);
    cy.server();
    cy.fixture('authtoken').as('authtokenjson');
    cy.route({
        method: 'POST',
        url: '/oauth/token',
        response: '@authtokenjson'
    }).as('apiAuth');
    cy.fixture('userinfo').as('userinfojson')
    cy.route({
        method: 'GET',
        url: '/oauth/user-info',
        response: '@userinfojson'
    }).as('userInfo');

    cy.get('body').then(($body) => {
        if ($body.find('#userId').length) {
            cy.get('#userId').type('admin');
            cy.get('#password').type('admin');
            cy.get('#login-button').click();
            cy.wait(['@apiAuth', '@userInfo']);
          }
    });
});

cypress/tsconfig.json -

{
    "compilerOptions": {
      "strict": true,
      "baseUrl": "../node_modules",
      "target": "es5",
      "lib": ["es5", "dom"],
      "types": ["cypress", "node"]
    },
    "include": [
      "**/*.ts"     
    ]
  }

Any idea what am I missing here? I followed the following link - link

P.S. -

1. Please let me know if any other information is required from my end.
2. I am using latest cypress installer 3.2.0
3. If I rename the login.ts to login.js, it works fine.