Ref error on external

BasePage.mjs

import {Other} from "./Other"
export class BasePage{
    constructor(){
    }
}

index.mjs

import {BasePage} from "./BasePage"
console.log("Running");

Other.mjs

import {Section} from "./Section"

export class Other extends Section{
  constructor(){super()};
}

Section.mjs

import {BasePage} from "./BasePage"

export class Section extends BasePage{
  constructor(){super();}
}