I am learning cypress and javascript and have come across this type error.

 TypeError: _testElements.default.selectionRow is not a function

I looked at some documentation with cypress and can't see a mistake I am making in the code, so was hoping someone with javascript and cypress experience may know why this error is being outputted.

Code:

First the class where it gets the element:

class testElements {

    selectionRow() {
        return cy.get('.selectionRow')
     }

    typeButton() {
        return cy.get('.typeButton')
     }
 
  
}

export default testElements

And then the code it's referring the error to is below:

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

When ("User selects a row", () => {
  testElements.selectionRow()
  .within(() => {
    testElements.typeButton().not(".disabled");
  })
})