I am not able to find cy.compareSnapshot command. about cypress-image-diff HOT 6 CLOSED

Oops...we found an error preparing this test file:

  cypress/integration/home/home.spec.ts

The error was:

Error: Webpack Compilation Error
/app/cypress/integration/home/home.spec.ts
./cypress/integration/home/home.spec.ts 35:23-38
[tsl] ERROR in /app/cypress/integration/home/home.spec.ts(35,24)
      TS2339: Property 'compareSnapshot' does not exist on type 'Chainable<JQuery<HTMLBodyElement>>'.
    at handle (/app/node_modules/@cypress/webpack-preprocessor/dist/index.js:172:23)

// plugins/index.js
const cypressTypeScriptPreprocessor = require('./cy-ts-preprocessor');

module.exports = (on, config) => {
    const getCompareSnapshotsPlugin = require('cypress-image-diff-js/dist/plugin');
    getCompareSnapshotsPlugin(on, config);

    on('file:preprocessor', cypressTypeScriptPreprocessor);
    return config;
};

const compareSnapshotCommand = require('cypress-image-diff-js/dist/command')
compareSnapshotCommand()

const cucumber = require('cypress-cucumber-preprocessor').default
const browserify = require('@cypress/browserify-preprocessor');
const resolve = require('resolve');
const getCompareSnapshotsPlugin = require('cypress-image-diff-js/dist/plugin')
module.exports = (on, config) => {
const options = {
...browserify.defaultOptions,
typescript: resolve.sync('typescript', { baseDir: config.projectRoot }),
};

on('file:preprocessor', cucumber(options));
const compareSnapshotCommand = require('cypress-image-diff-js/dist/command')
compareSnapshotCommand()
};

const compareSnapshotCommand = require('cypress-image-diff-js/command');
compareSnapshotCommand();

    setupNodeEvents(on, config) {
      require('./cypress/plugins/index.js')(on, config);
      cypressSplit(on, config);
      getCompareSnapshotsPlugin(on, config)
      return config;
    },