Steps definitions not found

[adittriyadiii]

Hi guys anyone can help why steps definitions not found my project like this

//This code on visit.feature
Feature: google.com
  
Scenario: visiting the frontpage
Given I visit google.com
When I should see


//This code on visit.js
import {When} from "@badeball/cypress-cucumber-preprocessor";

When("I visit google.com", () => {
  cy.visit("https://www.google.com");
});


//This code on test.js
import { Then } from "@badeball/cypress-cucumber-preprocessor";

Then("I should see", () => {
  cy.visit("https://www.google.com");
});

But somehow test.js is not found the error like this only visit.js is found

cypress.config.mjs

[badeball]

The file test.js isn't matched using default configured stepDefinitions. You can read more about pairing here.